DOM Inspector

  • Revision slug: DOM_Inspector
  • Revision title: DOM Inspector
  • Revision id: 67532
  • Created:
  • Creator: Sevenspade
  • Is current revision? No
  • Comment #inspector is a lie; 10 words removed

Revision Content

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 for a variety of different views on the document and all nodes within.

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.

Getting DOM Inspector

Firefox & Thunderbird 3
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.

Community

  • View Mozilla forums...
  • {{ DiscussionList("dev-apps-dom-inspector", "mozilla.dev.apps.dom-inspector") }}

Report a bug in DOM Inspector

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

See Also

Firebug is a more powerful and yet easy-to-use extension from the creator of the DOM Inspector.

Related Topics

DOM, HTML, XUL, Web Development

Original Document Information

  • Author(s): Joe Hewitt, Christopher Aillon
  • Last Updated Date: November 11, 2003
  • Copyright Information: Portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a Creative Commons license | Details.

{{ 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" } ) }}

Revision Source

<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 for a variety of different views on the document and all nodes within.</p>
<table class="topicpage-table"> <tbody> <tr> <td> <h2 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="http://kb.mozillazine.org/DOM_Inspector">DOM Inspector page at MozillaZine</a></dt> <dd><small>More information on the DOM Inspector.</small></dd> </dl> <h2 name="Getting_DOM_Inspector">Getting DOM Inspector</h2> <dl> <dt>Firefox &amp; Thunderbird 3</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.)<br> </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 name="Community">Community</h2>
<ul> <li>View Mozilla forums...</li> {{ DiscussionList("dev-apps-dom-inspector", "mozilla.dev.apps.dom-inspector") }} </ul><h2 name="Report_a_bug_in_DOM_Inspector">Report a bug in DOM Inspector</h2> <p>Use the conveniently named "DOM Inspector" component in <a class="link-https" href="https://bugzilla.mozilla.org/">Bugzilla</a>.</p> <h2 name="See_Also">See Also</h2> <p><a class="external" href="http://www.getfirebug.com/">Firebug</a> is a more powerful and yet easy-to-use extension from the creator of the DOM Inspector.</p> <h2 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 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="http://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>
Revert to this revision