files/pt-pt/dom_inspector/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

---
title: Inspetor de DOM
slug: DOM_Inspector
tags:
  - 'DOM:Ferramentas'
  - Desenvolvimento_Web
  - 'Desenvolvimento_Web:Ferramentas'
  - 'Extensões:Ferramentas'
  - Ferramentas
  - PrecisaDeRevisãoTécnica
  - Temas
  - 'Temas:Ferramentas'
  - Todas_as_Categorias
  - 'XUL:Ferramentas'
translation_of: Tools/Add-ons/DOM_Inspector
---
<div>{{ToolsSidebar}}</div><p>O <strong>Inspector DOM </strong>(também conhecido como <strong>DOMi</strong>) é uma ferramenta de programação utilizada para inspecionar, navegar, e editar <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>

<div class="note">
<p>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 <a href="/en-US/docs/Tools/Page_Inspector">Page Inspector</a>. </p>
</div>

<h2 id="Documentation" name="Documentation">Documentação</h2>

<dl>
 <dt><a href="/pt-PT/docs/DOM_Inspector/Introduction_to_DOM_Inspector" title="en/DOM_Inspector/Introduction_to_DOM_Inspector">Introduction to DOM Inspector</a></dt>
 <dd>A guided tutorial that will help you get started with DOM Inspector.</dd>
</dl>

<dl>
 <dt><a href="/en/DOM_Inspector/DOM_Inspector_FAQ" title="en/DOM_Inspector/DOM_Inspector_FAQ">Perguntas Mais Frequentes do Inspetor de DOM</a></dt>
 <dd>Answers to common questions on DOM Inspector.</dd>
</dl>

<dl>
 <dt><a class="external" href="http://kb.mozillazine.org/DOM_Inspector">Página do Inspetor de Inspector em MozillaZine</a> (EN)</dt>
 <dd>Mais informação sobre o Inspetor de DOM.</dd>
 <dt><a href="http://asurkov.blogspot.com/2013/02/build-dom-inspector.html">Como criar o Inspetor de DOM</a><a href="http://asurkov.blogspot.com/2013/02/build-dom-inspector.html"> </a>(EN)</dt>
 <dd>Blog post on building the DOM Inspector from source.</dd>
</dl>

<h2 id="Getting_DOM_Inspector" name="Getting_DOM_Inspector">Obter o Inspetor de DOM</h2>

<dl>
 <dt>Firefox &amp; Thunderbird</dt>
 <dd>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.)</dd>
</dl>

<dl>
 <dt>Thunderbird 2</dt>
 <dd><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:</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>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.</dd>
</dl>

<h2 id="Report_a_bug_in_DOM_Inspector" name="Report_a_bug_in_DOM_Inspector">Comunicar um erro no Inspetor de DOM</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>