Internet Explorer F12 Developer Tools Update
Speaking of minimized 3rd party scripts. Wouldn't it be nice if you step into those libraries and actually be able to set a break point or at least read the script? Well now you can thanks to F12's new source mapping feature. If you are not familiar with source maps it is a way for a library to generate sort of an index when it goes through the minification process. Now when the browser's debugger encounters the minified file it can specify the location of its source map. The browser can then use the source map to download the unminified version and know how to correlate or map the source in the minified file to the human readable version. You can read more about source mapping in the latest specification.
If you have ever edited CSS in any browser's developer tools no doubt you lost track of what you changed. The new Internet Explorer developer tools visually highlight changes with color codes. You can quickly see what you added, modified and removed. To top that off there is a new view called changes. Here all the rules you modified are curated, making it easier to copy them or see exactly what you changed without any other rules in the way.
Another cool feature in the developer tools inspector panel is the ability to trigger hover and active states. This feature lets you toggle those states on the selected element, triggering any CSS selectors defined for those states. I cannot tell how valuable this feature is going to be, as many pages have these states defined in their CSS.
The console toolbar has some new buttons. Now you can toggle the console being cleared on each request. By default setting is to clear the console each time you refesh the page or load a new page. The reason the default setting is to clear the console is for performance. Maintaining the console state across requests create a small performance hit and you do not want that for non-debugging sessions.
These are some of my favorite new features of the Internet Explorer F12 tools. There are a few more features and I hope to have time to share those in the near future. To be honest there are some features I am still anxiously awaiting and possibly you too. Open up Internet Explorer and try out the tools today.
My friend Aaron Powell also has a series of articles discussing the new features I encourage you to read. He has some cool animated gifs demonstrating the new features.