Internet Explorer Developer Toolbar Beta
Hot on the heels (!) of Chris Pederick’s Web Developer Firefox extension, Microsoft has put together the Internet Explorer Developer Toolbar Beta.
The first thing you’ll notice when you install it is how plain it looks. No logo, no icons, just plain text buttons, which makes it hard to use since you don’t know if a button is hiding a dropdown or if it’s going to pop up a window. I’m writing this one off to it still being in Beta.
One of the most useful tools that I can no longer work without is Firefox’s DOM Inspector. Now, finally, IE has its own “View DOM” button in the toolbar. It allows you to traverse the DOM, but doesn’t have that handy pointer you can use to localize an element by clicking directly on the page. It also allows you to see and modify the CSS style rules of the element you click on, but that’s it. You can’t pinpoint which classes, in what sequence, from which sources apply to the element (like you can in the DOM Inspector).
One feature that it has which its Firefox counterpart doesn’t is the ability to highlight elements by positioning type. So if you want to see for example, all of the elements that are positioned relatively, or absolutely, you can.
For the most part though, a lot of the functionality you get with the Web Developer Firefox extension is replicated in the IE Developer Toolbar. But it’s obvious that it’s a first step, as a lot of the features are relatively limited and/or basic. But basic or not, it’s a toolbox that any serious web developer will welcome with open arms.
In an ironic footnote: I used the IE Developer Toolbar to validate the download page where I got it from and it returned 35 HTML errors and a lot of CSS errors.