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?
- Previous post: Colour Contrast Check Tool
- Next post: Favourite Mozilla and Firefox extensions






Comments
Very nice!! :)
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.
great stuff:)
Wow! That should come in handy!
Yeah it looks really great so far. It's been around for a while. Dunno how I managed to avoid it until now.
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.
slayeroffice has just recently released a completely revamped version of this tool, located here:
http://slayeroffice.com/tools/modi/v2.0/modi_help.html
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"));Sorry, comments are closed for this post.