Mouseover DOM Inspector

The Slayeroffice Mouseover DOM Inspector is a favelet that lets you view the properties of any HTML element on a page by mousing over the.

Excellent for debugging. Too bad it doesn’t work in Safari, which seems unable to load external .js files from favelets. Anyone know of a workaround for Safari, other than including the complete script in the favelet?

January 13, 2005
Comments closed
Posted in JavaScript

Comments

1. January 13, 2005 by Marcel Fahle

Very nice!! :)

2. January 13, 2005 by Jeff Smith

This is an excellent addition to the web developer tool bar that is included with Firefox. I personally use this tool on a daily basis as it makes debugging CSS issues a breeze. Slayeroffice offers a couple more great tools on their site as well.

3. January 13, 2005 by ns

great stuff:)

4. January 13, 2005 by Michael Sarver

Wow! That should come in handy!

5. January 13, 2005 by Roger Johansson

Yeah it looks really great so far. It's been around for a while. Dunno how I managed to avoid it until now.

6. January 16, 2005 by Alex Kadis

For safari support, maybe someone more intelligent in this sort of thing could use the Bookmarklet Builder. I tried to do it but I received an error each time.

7. May 12, 2005 by John

slayeroffice has just recently released a completely revamped version of this tool, located here:

http://slayeroffice.com/tools/modi/v2.0/modi_help.html

8. July 27, 2005 by Jo

Possible that Safari cannot append external js through DOM ?? Anyone knows about this?

function includeJs(jsPath){ // check browser support W3CDOM if (!W3CDOM && !ie5Mac) {return;} var js = document.createElement("script"); js.setAttribute("type", "text/javascript"); js.setAttribute("src", jsPath); document.getElementsByTagName("head")[0].appendChild(js); } includeJs("/js/dom_evt.js")); includeJs("/js/tooltip.js"));

Sorry, comments are closed for this post.