Internet Explorer Developer Toolbar

Internet Explorer Developer Toolbar (sometimes shortened to IE Developer Toolbar or even IE DevBar), is an add-on for Internet Explorer 6 and Internet Explorer 7 that aims to aid in design and debugging of web pages. It allows validating of CSS and HTML, previewing page layout at various resolutions, [cite web | url = http://www.betanews.com/article/Microsoft_Issues_IE_Developer_Toolbar/1127145388 | title = Microsoft Issues IE Developer Toolbar | accessdate=2007-05-11] and also offers a ruler (measuring in pixels) to aid in positioning the elements. [cite web | url = http://www.betanews.com/article/Microsoft_Releases_IE_Developer_Toolbar/1178822985 | title = Microsoft Releases IE Developer Toolbar | accessdate=2007-05-11] 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 were applied to the element. It also enables viewing the properties and styles of individual elements and also trace styles of elements to its declaration. [cite web | url = http://blogs.msdn.com/ie/archive/2007/01/09/ie-developer-toolbar-beta-3-now-available.aspx | title = IE Developer Toolbar Beta 3 - Now Available | accessdate = 2007-05-11]

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. [cite web | url = http://blogs.msdn.com/ie/archive/2007/01/09/ie-developer-toolbar-beta-3-now-available.aspx | title = IE Developer Toolbar Beta 3 - Now Available | accessdate = 2007-05-11]

Internet Explorer 8 will have the features of IE Developer Toolbar built in, instead of a separate download; known as "Developer Tools" rather than Developer Toolbar. [ [http://blogs.msdn.com/ie/archive/2008/03/07/improved-productivity-through-internet-explorer-8-developer-tools.aspx Improved Productivity Through Internet Explorer 8 Developer Tools] ]

References

External links

* [http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en Internet Explorer Developer Toolbar]
* [http://msdn.microsoft.com/en-us/library/cc848891(VS.85).aspx Internet Explorer Developer Tools]