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 Internet Explorer (formerly Microsoft Internet Explorer and Windows Internet Explorer, commonly abbreviated IE or MSIE) is a series of graphical web browsers developed by Microsoft which was used in the Windows line of operating systems (in W ...

and

Microsoft Edge Microsoft Edge is a proprietary, cross-platform web browser created by Microsoft. It was first released in 2015 as part of Windows 10 and Xbox One and later ported to other platforms as a fork of Google's Chromium open-source project: Android ...

that aids in design and debugging of web pages. It was introduced as a

toolbar The toolbar, also called a bar or standard toolbar (originally known as ribbon) is a graphical control element on which on-screen icons can be used. A toolbar often allows for quick access to functions that are commonly used in the program. Some ...

for

Internet Explorer 6 Microsoft Internet Explorer 6 (IE6) is a graphical web browser developed by Microsoft for Windows operating systems. Released on August 24, 2001, it is the sixth, and by now discontinued, version of Internet Explorer and the successor to Internet ...

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 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 JavaSc ...

, 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.

References

{{Internet Explorer Internet Explorer add-ons Internet Explorer 2007 software

See also

References