MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

要素を選択する

選択された要素 は、ページ内でインスペクターが現在注目している要素です。選択された要素は HTML ペイン に表示します。また、要素の CSS を CSS ペイン に表示します。

ハイライト表示された要素 は、ボックスモデルを表す図や、タグやサイズを表すツールチップをページ内で重ね合わせている要素です:

コンテキストメニューで選択する

ページ内の要素上でコンテキストメニューを開いて [要素を調査] を選択すると、インスペクターが開いて即座に要素を選択します:

HTML ペインで選択する

インスペクターを開いているとき、HTML ペイン内に並んでいる要素上でマウスポインターを動かすのに応じて、対応する要素をページ内でハイライト表示します。HTML ペインでクリックすると、要素を選択します:

キーボードの矢印キーを使用して、DOM 内を移動することもできます。

ノードピッカーで選択する

"ノードピッカー" のアイコン (要素を選択 アイコンとも呼ばれます) をクリックしてノードピッカーを起動すると、ページ自体で要素を選択できます。ページ内でマウスポインターを動かすと、ポインターの下にある要素をハイライト表示します。要素をクリックすると、選択します:

Firefox 52 より、Shift を押しながら要素をクリックすると、要素を選択しますがピッカーを引き続き使用できます。これにより CSS ペインで要素のルールを確認でき、ページ内の別の要素を簡単に選択できます。

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: yyss, jsx
 最終更新者: yyss,