The Mouseover DOM Inspector

By | | JavaScript & CSS

8

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.

Written By:

Stuart Langridge and Tony Steidler-Dennison

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."

 

{ 8 comments }

Jim October 24, 2005 at 5:04 am

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

polvero May 16, 2005 at 12:29 am

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.

CubitGuy May 12, 2005 at 1:39 pm

Hey, this is awesome! I love it!

polvero May 11, 2005 at 11:57 am

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.

Alex May 11, 2005 at 7:50 am
chilij May 10, 2005 at 12:00 am

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.

someonewhois May 9, 2005 at 4:37 pm

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

mutant May 9, 2005 at 10:16 am

Outstanding.. Thank your for pointing this out.

Excellent TOOL!!

Comments on this entry are closed.