Revision 648139 of DOM Inspector

<p>The <strong>DOM Inspector</strong> (also known as <strong>DOMi</strong>) is a developer tool used to inspect, browse, and edit the <a href="/en/DOM" title="en/DOM">Document Object Model</a> of documents - usually web pages or <a href="/en/XUL" title="en/XUL">XUL</a> 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.</p>
<table class="topicpage-table">
 <tbody>
  <tr>
   <td>
    <h2 id="Documentation" name="Documentation"><a href="/Special:Tags?tag=DOM_Inspector&amp;language=en" title="Special:Tags?tag=DOM_Inspector&amp;language=en">Documentation</a></h2>
    <dl>
     <dt>
      <a href="/en/DOM_Inspector/Introduction_to_DOM_Inspector" title="en/DOM_Inspector/Introduction_to_DOM_Inspector">Introduction to DOM Inspector</a></dt>
     <dd>
      <small>A guided tutorial that will help you get started with DOM Inspector.</small></dd>
    </dl>
    <dl>
     <dt>
      <a href="/en/DOM_Inspector/DOM_Inspector_FAQ" title="en/DOM_Inspector/DOM_Inspector_FAQ">DOM Inspector FAQ</a></dt>
     <dd>
      <small>Answers to common questions on DOM Inspector.</small></dd>
    </dl>
    <dl>
     <dt>
      <a class="external" href="https://kb.mozillazine.org/DOM_Inspector">DOM Inspector page at MozillaZine</a></dt>
     <dd>
      <small>More information on the DOM Inspector.</small></dd>
    </dl>
    <h2 id="Getting_DOM_Inspector" name="Getting_DOM_Inspector">Getting DOM Inspector</h2>
    <dl>
     <dt>
      Firefox &amp; Thunderbird</dt>
     <dd>
      <small>You may download and install the <a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/6622" title="https://addons.mozilla.org/en-US/firefox/addon/6622">DOM Inspector</a> from the AMO web site. (Thunderbird users browsing AMO in Firefox should save the installation link, or visit the <a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/addon/6622" title="https://addons.mozilla.org/en-US/thunderbird/addon/6622">DOM Inspector for Thunderbird</a> page.)</small></dd>
    </dl>
    <dl>
     <dt>
      Thunderbird 2</dt>
     <dd>
      <small><a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/addon/1806">DOM Inspector for Thunderbird 2</a> is available from <a class="link-https" href="https://addons.mozilla.org/en-US/thunderbird/">Thunderbird Add-ons</a>. Or, build Thunderbird yourself with the following options:</small></dd>
    </dl>
    <pre>
ac_add_options --enable-extensions="default inspector"
ac_add_options --enable-inspector-apis
</pre>
    <dl>
     <dt>
      Mozilla Suite and SeaMonkey</dt>
     <dd>
      <small>Select Tools &gt; Web Development &gt; DOM Inspector. You can install the Sidebar panel via Edit &gt; Preferences &gt; Advanced &gt; DOM Inspector, then simply open up the inspector panel and visit a website.</small></dd>
    </dl>
   </td>
   <td>
    <h2 id="Community" name="Community">Community</h2>
    <ul>
     <li>View Mozilla forums...</li>
     <li>{{ DiscussionList("dev-apps-dom-inspector", "mozilla.dev.apps.dom-inspector") }}</li>
    </ul>
    <h2 id="Report_a_bug_in_DOM_Inspector" name="Report_a_bug_in_DOM_Inspector">Report a bug in DOM Inspector</h2>
    <p>Use the conveniently named <a href="https://bugzilla.mozilla.org/enter_bug.cgi?format=__default__&amp;product=Other%20Applications&amp;component=DOM%20Inspector">"DOM Inspector" component in Bugzilla</a>.</p>
    <p>To find out who knows <a href="https://hg.mozilla.org/dom-inspector" title="https://hg.mozilla.org/dom-inspector">DOM Inspector code</a> and where it lives, see the <a class="link-https" href="https://wiki.mozilla.org/Modules/All#DOM_Inspector" title="https://wiki.mozilla.org/Modules/All#DOM_Inspector"><span class="external">DOM Inspector module listing</span></a>.</p>
    <h2 id="See_Also" name="See_Also">See Also</h2>
    <p><a class="external" href="https://www.getfirebug.com/">Firebug</a> is a more powerful and yet easy-to-use extension from the creator of the DOM Inspector.  (However, it can only inspect web-facing DOM, whereas the DOM Inspector can also inspect chrome documents and <a href="/en-US/docs/XBL">XBL</a>'s "shadow DOM".)</p>
    <h2 id="Related_Topics" name="Related_Topics">Related Topics</h2>
    <dl>
     <dd>
      <a href="/en/DOM" title="en/DOM">DOM</a>, <a href="/en/HTML" title="en/HTML">HTML</a>, <a href="/en/XUL" title="en/XUL">XUL</a>, <a href="/en/Web_Development" title="en/Web_Development">Web Development</a></dd>
    </dl>
   </td>
  </tr>
 </tbody>
</table>
<div class="originaldocinfo">
 <h2 id="Original_Document_Information" name="Original_Document_Information">Original Document Information</h2>
 <ul>
  <li>Author(s): Joe Hewitt, Christopher Aillon</li>
  <li>Last Updated Date: November 11, 2003</li>
  <li>Copyright Information: Portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a Creative Commons license | <a class="external" href="https://www.mozilla.org/foundation/licensing/website-content.html">Details</a>.</li>
 </ul>
</div>
<p>{{ languages( { "es": "es/DOM_Inspector", "it": "it/DOM_Inspector", "fr": "fr/Inspecteur_DOM", "ja": "ja/DOM_Inspector", "ko": "ko/DOM_Inspector", "pl": "pl/Inspektor_DOM" } ) }}</p>