files/ja/orphaned/tools/add-ons/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
68
69
70

---
title: DOM Inspector
slug: orphaned/Tools/Add-ons/DOM_Inspector
tags:
  - DOM
  - DOM:Tools
  - DOM_Inspector
  - Extensions
  - Extensions:Tools
  - Themes
  - Themes:Tools
  - Tools
  - Web Development
  - Web Development:Tools
  - XUL
  - XUL:Tools
translation_of: Tools/Add-ons/DOM_Inspector
original_slug: DOM_Inspector
---
<div>{{ToolsSidebar}}</div><p><strong>DOM Inspector</strong>（別名 <strong>DOMi</strong>）は、文書（普通はウェブページまたは <a href="ja/XUL">XUL</a> ウィンドウ）の <a href="ja/DOM">Document Object Model</a> を調査、ブラウズ、編集することができる開発ツールです。ドキュメントとその中のすべてのノードを様々な視点から見ることができる二分割ウィンドウを用いて DOM の階層を探索することができます。</p>

<div class="note">
<p>このツールは Firefox や Thunderbird のような XUL ベースのアプリケーションのためのアドオンです。 Firefox の中に組み込まれた DOM インスペクターについては、 <a href="/ja/docs/Tools/Page_Inspector">Page Inspector</a> のドキュメントをご覧ください。</p>
</div>

<h2 id="Documentation" name="Documentation">ドキュメンテーション</h2>

<dl>
 <dt><a href="/ja/DOM_Inspector/Introduction_to_DOM_Inspector">DOM Inspector 入門</a></dt>
 <dd>DOM Inspector を始めるのに役立つガイド付きのチュートリアルです。</dd>
</dl>

<dl>
 <dt><a href="/ja/DOM_Inspector/DOM_Inspector_FAQ">DOM Inspector FAQ</a></dt>
 <dd><small>DOM Inspector に関するよくある質問への解答です。</small></dd>
</dl>

<dl>
 <dt><a class="external" href="http://kb.mozillazine.org/DOM_Inspector">MozillaZine の DOM Inspector ページ</a> (英語)</dt>
 <dd>DOM Inspector に関するさらなる情報が載っています。</dd>
 <dt><a href="http://asurkov.blogspot.com/2013/02/build-dom-inspector.html">DOM Inspector をビルドするには</a> (英語)</dt>
 <dd>ソースファイルから DOM Inspector をビルドするブログの投稿です。</dd>
</dl>

<h2 id="Getting_DOM_Inspector" name="Getting_DOM_Inspector">DOM Inspector の入手</h2>

<dl>
 <dt>Firefox と Thunderbird</dt>
 <dd><a class="link-https" href="https://addons.mozilla.org/ja/firefox/addon/6622">DOM Inspector</a> は AMO のウェブサイトからダウンロードしてインストールできます。（AMO を Firefox で閲覧している Thunderbird のユーザーはインストールのリンクを保存するか、 <a class="link-https" href="https://addons.mozilla.org/ja/thunderbird/addon/6622">DOM Inspector for Thunderbird</a> のページに移動してください。）</dd>
</dl>

<dl>
 <dt>Thunderbird 2</dt>
 <dd><a class="link-https" href="https://addons.mozilla.org/ja/thunderbird/addon/1806">DOM Inspector for Thunderbird 2</a> が <a class="link-https" href="https://addons.mozilla.org/ja/thunderbird/">Thunderbird Add-ons</a> から利用できます。または、以下のオプションで自分自身で Thunderbird をビルドしてください。</dd>
</dl>

<pre>ac_add_options --enable-extensions="default inspector"
ac_add_options --enable-inspector-apis
</pre>

<dl>
 <dt>Mozilla Suite と SeaMonkey</dt>
 <dd><small>{{ mediawiki.external('ツール') }} メニューから {{ mediawiki.external('Web 開発') }} &gt; {{ mediawiki.external('DOM Inspector') }} を選択してください。{{ mediawiki.external('編集') }} &gt; {{ mediawiki.external('設定') }} &gt; {{ mediawiki.external('詳細') }} &gt; {{ mediawiki.external('DOM Inspector') }} でサイドバーパネルをインストールすれば、インスペクタパネルを開いたまま Web サイトを訪れるだけで DOM を検査できます。</small></dd>
</dl>

<h2 id="Report_a_bug_in_DOM_Inspector" name="Report_a_bug_in_DOM_Inspector">DOM Inspector のバグを報告する</h2>

<p>便利なように、<a href="https://bugzilla.mozilla.org/enter_bug.cgi?format=__default__&amp;product=Other%20Applications&amp;component=DOM%20Inspector">Bugzilla の "DOM Inspector"</a> と名付けられたコンポーネントを使用してください。</p>

<p>そこにいる <a href="https://hg.mozilla.org/dom-inspector">DOM Inspector のコード</a> を知っている人を探すには、 <a class="link-https" href="https://wiki.mozilla.org/Modules/All#DOM_Inspector"><span class="external">DOM Inspector module listing</span></a> 参照してください。</p>