[要素] パネルの概要

Dale St. Marthe
Dale St. Marthe

[要素] パネルを使用して、DOM 要素を検査、編集します。

概要

[要素] パネルには、DOM を検査して操作するための堅牢なインターフェースが用意されています。HTML ドキュメントに似た DOM ツリーを使用して、特定の DOM ノードを選択し、他のツールで変更できます。

[要素] パネルには、関連するツールを含む次のタブもあります。

要素パネルを開く

デフォルトでは、DevTools を開くと要素パネルが開きます。ページの任意の場所でノードを検証すると、[要素] パネルが自動的に開きます。

[要素] パネルを手動で開くには:

  1. DevTools を開きます
  2. 次のキーを押してコマンド メニューを開きます。
    • macOS: Command+Shift+P
    • Windows、Linux、ChromeOS: Ctrl+Shift+P コマンド メニュー(
  3. Elements」と入力し、[要素を表示] を選択して Enter キーを押します。DevTools ウィンドウの下部にある [引き出し] に [要素] パネルが表示されます。