Win10 9926 new version of F12 developer tools introduction

At the end of January 2015, Microsoft officially launched the preview version of Win10 9926. The improved features are really many. But some improvements will be used less, such as the F12 developer tool, which tests and debugs web pages. What improvements have been made to the new F12 developer tools?

First, overall UI improvements
Although the changes made in December 2014 are not used as extensions, these changes are very useful. Earlier improvements have now been adopted as the standard for the Win10 Preview 9926 tool, and the zoom feature has been added, which will allow for more particle editing.
Second, debugger
Added XHR breakpoint function, which can be controlled from the "breakpoint" panel. CSS resource map support is also included, so LESS and SASS files can be imported directly without the need to automatically generate CSS files. The tidy print tool now also supports HTML and CSS, and can be activated via the "tidy print" button.
Third, console
The console now has a new feature called "“View in the DOM Explorer". This will allow the user to quickly move from the DOM element selected by the console tool to the node of the DOM resource manager, making the operation more convenient. Not only that, but network errors can now be displayed directly in the console.
Fourth, UI Response
The Analyzer tool is no longer a separate entity, but instead it is a UI response tool. This means that the user does not have to switch tools during use. The current analyzer is renamed to "JavaScript Call Stack", which is a function of the corresponding UI tool. The UI response and memory tools also make the DOM Explorer more powerful, making it easier to work with DOM elements.
Fifth, network tools
The visual improvement of network tools is obvious, and the interface is more simple and clean. This makes the work experience both novice and veteran.
The location of the F12 Developer Tools is in the Win10 9926 IE browser tool, which can also be opened using the F12 key. With the F12 Developer Tools, you can debug, test, and speed up your web pages. Whether you need to fine tune your CSS layout or find a memory leak, you can find help tools here.