検査モード: 要素のプロパティをすばやく分析する

Dale St. Marthe

検査モードを使用すると、ウェブページ上の特定の要素にフォーカスして分析できます。

概要

DevTools の検証モード（セレクタ選択ツール）を有効にすると、ページ上の要素にカーソルを合わせ、スタイルとユーザー補助に関する情報を表示できます。検査モードが有効な状態で要素をクリックすると、[要素] パネルの DOM ツリーで対応する DOM 要素がハイライト表示され、[スタイル] タブに関連するスタイルが一覧表示されます。

検査モードを有効にする

検査モードを有効にするには:

1. DevTools を開きます。
2. アクションバーの [検査モード] ボタンをクリックします。