You are currently viewing a snapshot of www.mozilla.org taken on April 21, 2008. Most of this content is highly out of date (some pages haven't been updated since the project began in 1998) and exists for historical purposes only. If there are any pages on this archive site that you think should be added back to www.mozilla.org, please file a bug.



DOM Inspector

DOM Inspector is a tool that can be used to inspect and edit the live DOM of any web document or XUL application. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within. This screenshot shows a typical inspecting session.

Launching DOM Inspector

From within Mozilla

You will find it under the Tools > Web Development menu in any Mozilla window.

From the command line

Run: /path/to/mozilla -inspector [url]

From the Mozilla sidebar

First you must install the sidebar, via Edit > Preferences > Advanced > DOM Inspector. After you have done that, simply open up the inspector panel and visit a website. It's that simple!

Using DOM Inspector

Start playing with it and you'll get the hang of it. Formal documentation is still under development, but there is a short FAQ available.

Reporting bugs in DOM Inspector

Use the conveniently named "DOM Inspector" component in Bugzilla. If you have any questions or ideas for improvement, visit caillon in #inspector on irc.mozilla.org.