IE Developer Toolbar
Encyclopedia
Internet Explorer Developer Tools (formerly known as Internet Explorer Developer Toolbar), is a component of Internet Explorer
that aids in design and debugging of web pages. It was introduced as a toolbar
for Internet Explorer 6
and Internet Explorer 7
. Internet Explorer 8
and Internet Explorer 9
includes the features built in. It allows validating of CSS and HTML, 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 also includes toolbar buttons for quick access to features like clearing the browser cache and enable selecting elements by clicking in the rendered page, rather than navigating through the visual representation of the DOM tree.
Internet Explorer
Windows Internet Explorer is a series of graphical web browsers developed by Microsoft and included as part of the Microsoft Windows line of operating systems, starting in 1995. It was first released as part of the add-on package Plus! for Windows 95 that year...
that aids in design and debugging of web pages. It was introduced as a toolbar
Toolbar
In a graphical user interface, on a computer monitor, a toolbar is a GUI widget on which on-screen buttons, icons, menus, or other input or output elements are placed. Toolbars are seen in office suites, graphics editors, and web browsers...
for Internet Explorer 6
Internet Explorer 6
Internet Explorer 6 is the sixth major revision of Internet Explorer, a web browser developed by Microsoft for Windows operating systems...
and Internet Explorer 7
Internet Explorer 7
Windows Internet Explorer 7 is a web browser released by Microsoft in October 2006. Internet Explorer 7 is part of a long line of versions of Internet Explorer and was the first major update to the browser in more than 5 years...
. Internet Explorer 8
Internet Explorer 8
Windows Internet Explorer 8 is a web browser developed by Microsoft in the Internet Explorer browser series. The browser was released on March 19, 2009 for Windows XP, Windows Server 2003, Windows Vista, Windows Server 2008, and Windows 7. Both 32-bit and 64-bit builds are available...
and Internet Explorer 9
Internet Explorer 9
Windows Internet Explorer 9 is the current version of the Internet Explorer web browser from Microsoft. It was released to the public on March 14, 2011 at 21:00 PDT. Internet Explorer 9 supports several CSS 3 properties, embedded ICC v2 or v4 color profiles support via Windows Color System, and...
includes the features built in. It allows validating of CSS and HTML, 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
Document Object Model
The Document Object Model is a cross-platform and language-independent convention for representing and interacting with objects in HTML, XHTML and XML documents. Aspects of the DOM may be addressed and manipulated within the syntax of the programming language in use...
source and the CSS
CSS
-Computing:*Cascading Style Sheets, a language used to describe the style of document presentations in web development*Central Structure Store in the PHIGS 3D API*Closed source software, software that is not distributed with source code...
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 also includes toolbar buttons for quick access to features like clearing the browser cache and enable selecting elements by clicking in the rendered page, rather than navigating through the visual representation of the DOM tree.
See also
- Firebug (web development)
- Web Developer (Mozilla extension)Web Developer (Mozilla extension)Web Developer is an extension for Mozilla-based web browsers that adds editing and debugging tools for web developers. It has been tested to be compatible with Firefox, Flock, and Seamonkey. The extension was developed by who has also authored the extension...
- DOM InspectorDOM InspectorDOM Inspector 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 by default in SeaMonkey and is an installable extension for subsequent versions of Firefox and other...
- Opera Dragonfly