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?

Posted on January 13, 2005 in JavaScript, Quicklinks

Comments

  1. Very nice!! :)

  2. 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. great stuff:)

  4. Wow! That should come in handy!

  5. January 13, 2005 by Roger Johansson (Author comment)

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

  6. 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. Possible that Safari cannot append external js through DOM ?? Anyone knows about this?

    eg

    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"));

Comments are disabled for this post (read why), but if you have spotted an error or have additional info that you think should be in this post, feel free to contact me.