What's new in F12 Tools
Use the new F12 developer tools to debug code, solve display issues, improve performance, and increase the stability of your webpages.
F12 Tools in Internet Explorer 11 has been rebuilt from the ground up to give you:
- a new, cleaner user interface.
- new Responsiveness, Memory, and Emulation tools.
- new and improved functionality in familiar tools.
- an easier and faster workflow.
The new UI Responsiveness tool profiles your pages as they run, identifying where they slow down and which processes are taking too much time. Developers can observe the relationship between CPU utilization, framerate and behavior on the page.
- Make APIs more discoverable; for example, the Console API methods.
- Reduce typing errors.
- Speed up your workflow.
Using the Emulation tool, you can preview what your sites look like on everything from 240-pixel-wide mobile screens to 4k home theater screens. GPS emulation tests how your mobile web pages respond anywhere in the world.
Tracking memory usage over time is an important tool for debugging page slowness and crashes. The new Memory Tool provides:
- A timeline view of overall memory usage.
- Snapshots of memory usage that show how your webpages use memory at a given point in time.
- Snapshot comparisons that pinpoint sources of changing memory use between snapshots. This helps identify memory issues that develop as webpages run and users interact with them.
- Highlighted orphaned elements, showing where memory can be reclaimed.
Selecting page elements in the DOM Explorer tool is easy with IE11. Right-click an element on the page and click Inspect element in the context menu to highlight the element in the DOM Explorer tool.
If you're intrigued by this sampling of the new and improved tools, read the Using the F12 Developer Tools documentation to get all the details of the developer tools in IE11