---
title: DOM ノードのハイライトと調査
slug: Tools/Debugger/How_to/Highlight_and_inspect_DOM_nodes
translation_of: Tools/Debugger/How_to/Highlight_and_inspect_DOM_nodes
---
<div>{{ToolsSidebar}}</div><div class="note">
<p>この機能は、まだ新しいデバッガーでサポートしていません。現時点で必要である場合は、about:config で設定項目 "devtools.debugger.new-debugger-frontend" を <code>false</code> に設定して、古いデバッガーに戻すことができます。</p>

<p>古いデバッガーのドキュメントは、<a href="/ja/docs/Tools/Debugger_%28before_Firefox_52%29">デバッガー (Firefox 52 より前)</a> をご覧ください。</p>
</div>

<p><a href="/ja/docs/Tools/Debugger/UI_Tour#Variables_pane">変数ペイン</a> で DOM ノードにマウスポインターを載せると、ページ上でそのノードをハイライト表示します。</p>

<p>また、変数の隣に標的のアイコンが表示されます。このアイコンをクリックすると、その DOM ノードを選択した<a href="/ja/docs/Tools/Page_Inspector">インスペクター</a> が開きます。</p>

<p>{{EmbedYouTube("0JWxXp2Qql8")}}</p>