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.