diff options
Diffstat (limited to 'files/ja/orphaned/tools/add-ons/dom_inspector/index.html')
-rw-r--r-- | files/ja/orphaned/tools/add-ons/dom_inspector/index.html | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/files/ja/orphaned/tools/add-ons/dom_inspector/index.html b/files/ja/orphaned/tools/add-ons/dom_inspector/index.html new file mode 100644 index 0000000000..24db8f727c --- /dev/null +++ b/files/ja/orphaned/tools/add-ons/dom_inspector/index.html @@ -0,0 +1,69 @@ +--- +title: DOM Inspector +slug: 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 +--- +<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" title="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" title="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" title="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" title="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 開発') }} > {{ mediawiki.external('DOM Inspector') }} を選択してください。{{ mediawiki.external('編集') }} > {{ mediawiki.external('設定') }} > {{ mediawiki.external('詳細') }} > {{ 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__&product=Other%20Applications&component=DOM%20Inspector">Bugzilla の "DOM Inspector"</a> と名付けられたコンポーネントを使用してください。</p> + +<p>そこにいる <a href="https://hg.mozilla.org/dom-inspector" title="https://hg.mozilla.org/dom-inspector">DOM Inspector のコード</a> を知っている人を探すには、 <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> |