How to use F12 Developer Tools to Debug your Webpages
This content refers to an older version of F12 developer tools. Please visit our latest F12 tools documentation.
The F12 tools is a suite of on-demand tools that is built into every installation of Windows Internet Explorer 9. F12 tools is available anytime, on any page, and enables website developers to quickly debug JavaScript, HTML, and Cascading Style Sheets (CSS), as well track down performance problems on a webpage or network.
In this section
| Topic | Description |
|---|---|
F12 tools is a suite of tools to help you build and debug your webpage. |
|
The F12 tools menus and buttons provide page and visual tools to help you navigate the tool suite. Within the tools, you can create report lists of all the links in your document, change document modes, or visually outline a specific element on a page. |
|
The F12 tools console commands let you receive error messages from Internet Explorer 9, as well as send your own messages back from your code without having to break the flow of your execution. |
|
The F12 tools console can report error and informational messages that occur during runtime. This article describes the error messages and offers suggestions for how to fix the errors. |
|
F12 tools enables web developers to quickly debug JavaScript code without leaving the browser. |
|
The F12 tools can help you find and fix errors in HTML and CSS code that might otherwise be hard to find in your source code. |
|
Using the Profiler Tool to analyze the performance of your code |
The F12 tools provide a built-in script profiler that enables you to analyze the performance of JavaScript code running in Internet Explorer 9. This topic explains the features of this tool and how you can use it to check the performance of your scripts. |
Related topics
Find the current F12 Developer Tools documentation on the Microsoft Edge browser portal