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:

More in the discussion (powered by webmentions)

  • (no mentions, yet.)