The Mouseover DOM Inspector

By Stuart Langridge and Tony Steidler-Dennison

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.

Stuart Langridge has been a Linux user since 1997, and is quite possibly the only person in the world to have a BSc in Computer Science and Philosophy. He’s also one-quarter of the team at LugRadio, the world's premiere Free and Open Source Software radio show. Tony Steidler-Dennison is a Systems Engineer with Rockwell Collins, Inc., designing avionics and cabin data servers for commercial airliners. He’s also the host of The Roadhouse Podcast, "the finest blues you've never heard."
  • mutant

    Outstanding.. Thank your for pointing this out.

    Excellent TOOL!!

  • someonewhois

    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
  • polvero

    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.

  • CubitGuy

    Hey, this is awesome! I love it!

  • polvero

    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!


Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

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