• Skip to main content
  • Select language
  • Skip to search
MDN Web Docs
  • Technologies
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs / DOM
    • WebExtensions
    • MathML
  • References & Guides
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
Firefox Developer Tools
  1. MDN
  2. Firefox Developer Tools
  3. Add-ons
  4. DOM Inspector

DOM Inspector

The DOM Inspector (also known as DOMi) is a developer tool used to inspect, browse, and edit the Document Object Model of documents - usually web pages or XUL windows. The DOM hierarchy can be navigated using a two-paned window that allows a variety of different views on the document and all nodes within.

This tool is an add-on for XUL-based applications such as Firefox and Thunderbird. If you are looking for the DOM inspector that's built into Firefox, see the documentation for the Page Inspector. 

Documentation

Introduction to DOM Inspector
A guided tutorial that will help you get started with DOM Inspector.
DOM Inspector FAQ
Answers to common questions on DOM Inspector.
DOM Inspector page at MozillaZine
More information on the DOM Inspector.
How to build the DOM Inspector
Blog post on building the DOM Inspector from source.

Getting DOM Inspector

Firefox & Thunderbird
You may download and install the DOM Inspector from the AMO web site. (Thunderbird users browsing AMO in Firefox should save the installation link, or visit the DOM Inspector for Thunderbird page.)
Thunderbird 2
DOM Inspector for Thunderbird 2 is available from Thunderbird Add-ons. Or, build Thunderbird yourself with the following options:
ac_add_options --enable-extensions="default inspector"
ac_add_options --enable-inspector-apis
Mozilla Suite and SeaMonkey
Select Tools > Web Development > DOM Inspector. You can install the Sidebar panel via Edit > Preferences > Advanced > DOM Inspector, then simply open up the inspector panel and visit a website.

Report a bug in DOM Inspector

Use the conveniently named "DOM Inspector" component in Bugzilla.

To find out who knows DOM Inspector code and where it lives, see the DOM Inspector module listing.

Document Tags and Contributors

Tags: 
  • DOM
  • DOM_Inspector
  • DOM:Tools
  • Extensions
  • Extensions:Tools
  • Themes
  • Themes:Tools
  • Tools
  • Web Development
  • Web Development:Tools
  • XUL
  • XUL:Tools
 Contributors to this page: wbamberg, tomasz, japas88, Sheppy, samruda, Naesten, mnoorenberghe, darktrojan, Sevenspade, siple007, Kohei, kohei.yoshino, Federico, Mgjbot, Atotic, Andreas Wuest, Sebuls, Ptak82, Nickolay, Chbok
 Last updated by: wbamberg, Jan 23, 2015, 12:14:19 PM
  1. Core Tools
    1. Page Inspector
    2. Web Console
    3. JavaScript Debugger
    4. Network Monitor
    5. Performance
    6. Responsive Design Mode
    7. Tips
  2. More Tools
    1. Memory
    2. Storage Inspector
    3. DOM Property Viewer
    4. Developer Toolbar
    5. Eyedropper
    6. Screenshot
    7. Scratchpad
    8. Style Editor
    9. Shader Editor
    10. Web Audio Editor
  3. Connecting the devtools
    1. about:debugging
    2. Connecting to Firefox for Android
    3. Connecting to iframes
    4. Connecting to other browsers
  4. Debugging the browser
    1. Browser Console
    2. Browser Toolbox
  5. Extending the devtools
    1. Adding a panel to the toolbox
    2. Example devtools add-ons
    3. Remote Debugging Protocol
    4. Stream Transport
    5. Source Editor
    6. The Debugger Interface
    7. Web Console custom output
  6. Settings
  7. Release notes