As I work in an enviroment that has all IE in production enviroment, I see myself missing the web developer toolbar of firefox a lot. Don’t start with the toolbar for IE, because it just doesn’t cut it. For testing purposes, I wrote a small jQuery function, to give me information on just about anything, simular to the small script I wrote about some time ago, but more robust. The previous version had some problems, like traveling too far up the dom Anyway, here it is: $(".container *").click(function(){ alert("tagname = " + this.tagName + " className= " + this.className); }); This one takes everything (*) and gives you the tag and classname. You can extend it easily with other stuff you might need. Or remove the alert and write it in a div, like this: $("span").click(function(){ $("body").append("<div id='showInfo'></div>"); $("#showInfo").append("<dl></dl>"); $("#showInfo dl").append("<dt>tag</dt><dd>">>> + this.tagName + "</dd>"); $("#showInfo dl").append("<dt>class</dt><dd>">>> + this.className + "</dd>"); $("#showInfo").click(function(){ $(this).remove(); }); }); ( »> linebreak ) (if you do extend it, please share this in the comments…) One thing what I will do, is wrap this in a each() and set up a complete web developer functionality. In order to make this work, you need the css : #showInfo { position: absolute; top: 10px; right: 10px; z-index: 1000; border :1px solid #999; background-color: #FFF; opacity: .8; filter:alpha(opacity=80); width: 300px; min-height: 100px; _height: 100px; } #showInfo dt, #showInfo dd { float: left; clear: none; } #showInfo dt { width: 80px; color: #999; clear: left; } #showInfo dd { width: 200px; font-weight: bold; background-color: #CCC; } And last but not least, you need jQuery.

So, try it, and let me know if it helps..