Internet Explorer Developer Toolbar: ASP Alliance

Print Add To Favorites Email To Friend Rate This Article
Internet Explorer Developer Toolbar

page 3 of 7

by Satheesh Babu
Feedback

Average Rating:

Views (Total / Last 10 Days): 7737/ 187

Article Contents:

View HTML DOM structure

The rendered HTML structure can be viewed using IE developer toolbar in an understandable way and by default, like a tree view on the left pane. Also, we can view attributes and styles which will be populated on the right pane of the toolbar once we select any element in the HTML DOM structure’s treeview. Figure 3 - HTML DOM Structure will show a sample DOM structure with attributes and styles populated.

Figure 3 - HTML DOM Structure

« (Page 2)

View Entire Article

(Page 4) »

Article Feedback

Comment:
Title:
Name:
Url:	( Optional )

Please add 6 and 6 and type the answer here:

User Comments

Title: Give it a rest
Name: Shanimal
Date: 6/26/2008 2:14:35 PM
Comment:
Satheesh,

I appreciate that someone is trying to spread the word about IE Developer Toolbar. Anyone who says its worthless etc probably thinks its ok to use FF exclusively for their testing and development. They either don't have real customers or they need their heads examined. Unfortunately, there are a handful of people in the world (mostly nerds like us) who use FireFox and then there is a vast population of people in the world who use IE6 and IE7.

Anyone (NOOB or not) who faces real customers and real IE issues needs this tool.

Thanks for the article. As for the members of the FF street team, give it a rest.

Title: why would "those not trained in HTML techniques" ...
Name: kevkov
Date: 6/20/2008 5:09:48 PM
Comment:
... ever consider installing the toolbar and what would they do with it. It is lame and usually the last resort only to be employed when fighting the disease that is IE6. It is very old news and really not worth the author's effort.

Title: Internet Explorer Developer Toolbar is a joke
Name: pcdinh
Date: 6/20/2008 2:51:35 AM
Comment:
Firebug is extremely professional and feature rich. Meanwhile Internet Explorer Developer Toolbar is proved to be designed for newbie and somewhat useless

http://savethedevelopers.org/

Title: RE: Debugging web design
Name: Satheesh
Date: 6/19/2008 4:12:24 AM
Comment:
@Dave,
I accept the fact the Firebug is a better utillity to debug web deisgn. Also, i would like to highlight whatever Nishant has pointed out here is true!

Title: Good article
Name: Nishanth Nair
Date: 6/18/2008 1:13:17 AM
Comment:
There are lot of web apps where only IE is supported. For those sites where you cant use Firebug, this si a handy tool. Lot of developers dotn even know such a tool exists. A good intro for newbies in to UI development.

Nishanth

Title: Debugging web design
Name: Dave Parslow
Date: 6/17/2008 2:51:36 PM
Comment:
If debugging web design or cross browser compatibility is your goal then you should really be using Firebug in Firefox. In fact, because of the "gold standard" status that Firebug was obtained, it is a really a shame that the article makes no reference to it. The main use of the developer toolbar for me is when you are on the phase of developing an IE specific stylesheet to correct IE specific web design issues. Also, you may want to check out the IE8 beta's version of the "development toolbar" which has features that come close to Firebugs features and ease of use.

Title: Mr
Name: Scott
Date: 6/17/2008 3:33:05 AM
Comment:
The developer toolbar still is poor compared to it's firebug equivilent. Turning specific css selectors on and off to see effects and adding new ones is so much simpler than having to add them in the middle on the IE toolbar.

Product Spotlight