[AI] (Tech Dose of the day) Internet Explorer Developer Toolbar

vishnu ramchandani vishnuhappy at yahoo.com
Tue Feb 19 04:39:28 EST 2008


IE Developer Toolbar
contributor : Baskar P (an employee of MphasiS
Software Services)
What is the IE Developer Toolbar?
Microsoft made available the Internet Explorer
Developer Toolbar (sometimes shortened to IE Developer
Toolbar), as 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, 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
were applied to the element. It also enables viewing
the properties and styles of individual elements and
also traces styles of elements to its declaration.
What is its usefulness?
The Internet Explorer Developer Toolbar provides
several features for exploring and understanding Web
pages. These features enable you to:
• Explore and modify the document object model (DOM)
of a Web page.
• Locate and select specific elements on a Web page
through a variety of techniques.
• Selectively disable Internet Explorer settings.
• View HTML object class names, ID's, and details such
as link paths, tab index values, and access keys.
• Outline tables, table cells, images, or selected
tags.
• Validate HTML, CSS, WAI, and RSS web feed links.
• Display image dimensions, file sizes, path
information, and alternate (ALT) text.
• Immediately resize the browser window to a new
resolution.
• Selectively clear the browser cache and saved
cookies. Choose from all objects or those associated
with a given domain.
• Display a fully featured design ruler to help
accurately align and measure objects on your pages.
• Find the style rules used to set specific style
values on an element.
• View the formatted and syntax colored source of HTML
and CSS.
The Developer Toolbar can be pinned to the Internet
Explorer browser window or floated separately.
Further References 
Internet Explorer Developer Toolbar: 
http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

IE Developer Toolbar: 
http://en.wikipedia.org/wiki/IE_Developer_Toolbar  


      Unlimited freedom, unlimited storage. Get it now, on http://help.yahoo.com/l/in/yahoo/mail/yahoomail/tools/tools-08.html/




More information about the AccessIndia mailing list