Home | Legacy Firefox Extensions | Content Policy | Contact




Arboreal is a
Firebug UI enhancement which adds a HTML sidepanel for DOM tree visualization.

Watch a screencast!

Arboreal is entirely written in JavaScript.

The algorithm to produce the tidy node-link tree layout is that of Christoph Buchheim, Michael J√ľnger and Sebastian Leipert from their research paper entitled 'Improving Walker's Algorithm to Run in Linear Time', Graph Drawing 2002.

  1. Seemlessly integrates into current version of Firebug (1.6 for Firefox 4)
  2. Visualizes DOM tree structure in HTML sidepanel
  3. Synchronizes with Firebug, especially its page inspector
  4. Has configurable DOM tree layout, e.g. you can
  5. Provides intuitive navigation in DOM tree visualization (by keyboard and mouse)
  6. Shows popups with element content preview
  7. Provides collapsed tree traversal, i.e. conditional subtree expansion
  8. Generates of AT&T GraphViz files for current DOM tree view

Other interesting Firebug extensions may be found here.

All comments are very welcome!


Download files:


This page is part of the LegacyCollector website.
Disclaimer: All material on this site is property of their respective owners and available under
open licenses to the best of our knowledge. If you are an author and would like anything removed,
then please write an e-mail to legacy [at] collector dot org.