Blog Post RSS ?

Blogs » JavaScript & CSS » The Mouseover DOM Inspector
 

The Mouseover DOM Inspector

by Stuart Langridge

Steve Chipman over at SlayerOffice has released version 2.0 of his Mouseover DOM Inspector bookmarklet. The MODI, as he calls it, “allows you to view and manipulate the DOM of a web page simply by mousing around the document”. Tools by web developers, for web developers. We can’t be that far from a complete Dreamweaver-a-like editor that runs completely inside the browser, what with tools like these around. Someone ought to do that; not an in-browser rich-text editor, but a proper editing suite. About the only thing you can’t really do is drag-and-drop into the browser window to insert an image or text, and I think that (although that’s probably the best way to do it) we could live without it. Build such an editor and the world will be happy, I think; don’t use XUL or Browser Helper Objects, no “installation” routine, no extensions, just the DOM. It would be possible, and it would be really cool as long as everyone could use it. It might even avoid the badly-crafted HTML that tools tend to produce.

This post has 8 responses so far

  1. Outstanding.. Thank your for pointing this out.

    Excellent TOOL!!

     
  2. Pretty neat. It’s a lot easier to use than the old one, since it went off screen all the time.

     
  3. Excellent! I use firefox’s DOM inspector for cleaning up articles for printing all the time. (Most site’s “printer-friendly” pages still have annoying ads). This tool makes it easier to do.

     
  4. See the screenshot at http://alex.blog.implix.com/archives/2005/05/javascript_dom.html

     
  5. heh. drag and drop would be a funny way of developing. it almost reminds me of the GoLive days…oh wait, that’s still around.

     
  6. Hey, this is awesome! I love it!

     
  7. reading more into the specs of this little inspector…this thing really does rule. i could see this eventually becoming the second most used extension..l.you know…behind the web dev bar.

     
  8. Actually, it works OK in Safari also.. just use this instead of the regular link. Nice work!

     

Sponsored Links

Leave a response

You are not logged in, log in with your SitePoint Forum username and password.

-OR- Post Anonymously

* Make sure any code samples are escaped (i.e. ‘<b>’ becomes ‘&lt;b&gt;’).

If not logged in, your comments will be placed in a moderation queue. This means your comment may not appear until one of our moderators approves it.

SitePoint Marketplace

Buy and sell Websites, templates, domain names, hosting, graphics and more.