Mark Greenwood Team : Web Development Tags : Web Development

Internet Explorer Developer Tools

Mark Greenwood Team : Web Development Tags : Web Development

Finally with the introduction of IE9 also came the developer toolbar already built in!

What is it?

Put simply, it is a tool used to validate and debug your HTML and CSS and JavaScript.

How can it help me?

The developer toolbar can assist you in getting your webpages looking just right in Internet Explorer from version 7 and upwards. If you've been developing websites that have to be cross browser compatible then you'll appreciate just how painful it is to get things to work in different versions of IE. This is where the developer toolbar can help. You can toggle it's engine to behave as though it is a different version of the browser. Even JavaScript idiosyncrasies are simulated!

What features does it have?

Here are a few of the most used ones...

  • Validate HTML / CSS / javascript
  • Preview page layouts at different resolutions, it also offers a ruler to help adjust element positions accurately (well... IE accurate anyway)
  • View the page source
  • Navigate the DOM and view the DOM source.
  • View and edit the CSS selectors and rules that are applied to each element (including rules that have been overridden by more important rules)
  • Clear the browser cache
  • View/clear/disable cookies.

Where can I find out more about it?

http://msdn.microsoft.com/library/gg589507%28VS.85%29.aspx