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.

  • Outstanding.. Thank your for pointing this out.

    Excellent TOOL!!

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

  • chilij

    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.

  • Alex
  • 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.

  • Hey, this is awesome! I love it!

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

  • Jim

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

Get the latest in JavaScript, once a week, for free.