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 the new F12 Developer Tools have it?

First, the overall UI improvements

Despite the change in December 2014 as an extension made no settings, but these changes are Very practical. 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, the debugger

Added the 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, the 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 more 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.