Windows 10: IE browser F12 development tool update details

Computer Store News: Microsoft yesterday announced details of the latest updates to the Windows 10 Build 9926 IE development tools. Microsoft will also bring the same improvements to Project Spartan. In the past month's update, the F12 tool navigation interface has changed from a vertical layout to a text-based horizontal layout, deleting the icon and replacing it with the name of the tool. This change is now part of the Windows 10 Technology Preview F12 development tool.

Includes the following new features:

Changes the UI zoom level. Use the “Ctrl + +” and “Ctrl + -” shortcuts to increase or decrease.

Add XHR breakpoints. When enabled, the debugger will interrupt all available response data (the readyState attribute is equal to 4). You can enable XHR breakpoints directly at the breakpoint control panel.

Adding CSS source map support, when creating a website or application using LESS or SASS, you can now view and navigate directly to the LESS or SASS source files instead of the generated CSS files. The link to the original LESS or SASS file is now displayed directly in the DOM Explorer tool.

Added the "DOM Explorer View" feature that allows you to quickly move from the selected DOM element to the actual node in the DOM Explorer in the console tool.

In the preview version, the Analyzer tool is no longer available. Often developers use both parsers and UI responsive tools, and move from one tool to the next. In response, we decided to make this workflow smoother, providing a more cohesive interface that combines two tools. Now the parser has become a "JavaScript call stack".

The preview comes with new and upgraded web tools. The tool not only includes all of the previous features, but is also more concise and easier to understand, as well as many requests from developers, such as auto-start capture and content type filtering.