ウェブコンソールからインスペクターを使用する

インスペクターで選択されている要素は、変数 $0 を使用してウェブコンソールから参照できます。

ウェブコンソールに出力された DOM 要素の隣に、標的のアイコンがあります。このアイコンにマウスポインターを載せると、ページ上で要素をハイライト表示します。またアイコンをクリックすると、要素がインスペクターで選択されます:

関連トピック
  1. 主要ツール
    1. ページインスペクター
    2. ウェブコンソール
    3. JavaScript デバッガー
    4. ネットワークモニター
    5. パフォーマンス
    6. レスポンシブデザインモード
    7. Accessibility Inspector
    8. Tips
  2. その他のツール
    1. メモリー
    2. ストレージインスペクター
    3. DOM プロパティビューアー
    4. 開発ツールバー
    5. スポイト
    6. スクリーンショット
    7. スクラッチパッド
    8. スタイルエディター
    9. シェーダーエディター
    10. Web Audio エディター
    11. Rulers
    12. Measure a portion of the page
    13. View Source
  3. 開発ツールに接続する
    1. about:debugging
    2. Android 版 Firefox に接続する
    3. iframe に接続する
    4. ほかのブラウザーに接続する
  4. ブラウザーのデバッグ
    1. ブラウザーコンソール
    2. ブラウザーツールボックス
  5. 開発ツールの拡張
    1. 開発ツールにパネルを追加する
    2. 開発ツールのアドオンのサンプル
    3. リモートデバッグプロトコル
    4. Stream Transport
    5. ソースエディター
    6. Debugger インターフェイス
    7. ウェブコンソールのカスタム出力
  6. オプション
  7. リリースノート