Show DOM tree bookmarklet

Over at SlayerOffice, there’s a new Document Tree Chart Favelet, based around a request from Eric Meyer to have something that can show a nicely laid out DOM tree for a given page. Sadly, though, I don’t like it very much, so I’ve written a different one. It’s fairly nice; displays a tree (or a reasonable approximation) as Eric requested, and you can hover over the red text node boxes to see what’s in that text node (you can see the first four characters in the chart itself, to give you a clue). Tested in Mozilla, and doesn’t seem to work in IE for reasons that are beyond me. It doesn’t work in Safari either, I’m told (which is Safari’s fault for getting the CSS wrong). Let me know what you think:

Show DOM tree

There were some useful resources I tapped for this:

I'm currently available for hire, to help you plan, architect, and build new systems, and for technical writing and articles. You can take a look at some projects I've worked on and some of my writing. If you'd like to talk about your upcoming project, do get in touch.

More in the discussion (powered by webmentions)

  • (no mentions, yet.)