Internet Explorer Developer Tools, also known as the F12 Developer Tools in Windows 10, and formerly known as Internet Explorer Developer Toolbar, is a
web development tool built into
Microsoft Internet Explorer and
Microsoft Edge that aids in design and debugging of web pages.
It was introduced as a
toolbar for
Internet Explorer 6 and
7.
Internet Explorer 8
Windows Internet Explorer 8 (IE8) is a web browser for Windows. It was released by Microsoft on March 19, 2009, as the eighth version of Internet Explorer and the successor to Internet Explorer 7. It was the default browser in Windows 7 (later def ...
and later have developer tools built in. It allows validating of
CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS is a cornerstone technolo ...
and
HTML
The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaS ...
, previewing page layout at various resolutions, and also offers a ruler (measuring in pixels) to aid in positioning the elements.
It allows viewing the source of the entire page, color-coded for ease of navigation, or selected elements of it, as well as view the
DOM source and the CSS selectors that are applied to the element. It also enables viewing the properties and styles of individual elements and also trace styles of elements to its declaration.
The toolbar includes a toggleable pane at the bottom of the window. The pane shows the structure of the web page; and for each structure, the properties and styles. It exposes its features through a menu hierarchy, and includes toolbar buttons for quick access to features such as clearing the browser cache and enabling the selecting of elements by clicking in the rendered page, rather than navigating through the visual representation of the DOM tree.
[
]
See also
* Firebug (software)
Firebug is a discontinued free and open-source web browser extension for Mozilla Firefox that facilitated the live debugging, editing, and monitoring of any website's CSS, HTML, DOM, XHR, and JavaScript.
History
Firebug was licensed under th ...
* Web Developer (software)
* DOM Inspector
DOM Inspector (DOMi) is a web developer tool created by Joe Hewitt and was originally included in Mozilla Application Suite as well as versions of Mozilla Firefox prior to Firefox 3. It is now included in Firefox, and SeaMonkey. Its main purpo ...
* Opera Dragonfly
Opera Dragonfly is a web development tool that was integrated into the Opera web browser from Opera versions 9.5 through 12.18, similar to Firebug and development tools built into Mozilla Firefox and Google Chrome.
It supports debugging JavaS ...
References
{{Internet Explorer
Internet Explorer add-ons
Internet Explorer
2007 software