Microsoft Details The Massive Update For The Internet Explorer F12 Developer Tools In The Windows 10 Build 9926

2 min. read

Published on January 28, 2015

published on January 28, 2015

Readers help support MSpoweruser. We may get a commission if you buy through our links.

Microsoft yesterday detailed the new update for Internet Explorer developer tools in Windows 10 Build 9926. Microsoft will bring these same enhancements to Project Spartan. As we saw in the last month update, the F12 tools navigation interface has been modified from a vertical layout to a text-based horizontal layout, removing the icons and replacing them with the tool’s names. This change is now part of the F12 developer tools for Windows 10 Technical Preview.

It also includes the following new features,

Ability to change the zoom level on the UI. Using the Ctrl + + and Ctrl + – keyboard shortcuts, you can now increase or decrease the zoom.
Added the ability to add XHR breakpoints. When enabled, the debugger will break whenever all the response data is available (readyState property equals 4). You can enable XHR breakpoints directly on the Breakpoints pane.
We have added CSS source maps support to the tools so that when using LESS or SASS to build our Web site or app, you can now view and navigate to the LESS or SASS source file directly, rather than the generated CSS file. The tools will now display links to the original LESS or SASS files directly in the DOM Explorer tool.
Added a “View in DOM Explorer” feature to allow you to quickly move from a selected DOM element in the Console tool, to the actual node in the DOM Explorer.
In this preview, you will notice that the Profiler tool is no longer available. In our observations, we typically saw developers using the Profiler and the UI Responsiveness tools together, and having to move from one tool to the next. In response, we decided to make this workflow smoother by providing a more cohesive interface that combines both tools into one. Now the Profiler becomes the “JavaScript call stacks” tab inside the UI Responsiveness tool.
The preview comes with an entirely refreshed and updated Network tool. This tool not only has all the previous features in a cleaner, more easily understood way, but we’ve included many requests from developers, such as auto-start capturing and content type filtering.