Chrome の Web インスペクタを検査するにはどうすればいいですか? 質問する

Chrome の Web インスペクタを検査するにはどうすればいいですか? 質問する

Google によれば、これは Chrome で「chrome-devtools://devtools/devtools.html」にアクセスすることで実現できますが、現在 Chrome の安定バージョン (または Canary) でそのページにアクセスすると、インスペクターの 99% 削除バージョンのみが表示されます。

私の「タイトル」を繰り返しますが、これはインスペクターを「検査する」ことに関するものです。通常の Web ページを検査するだけではありません。

問題を解決するために知る必要はないと思いますが、インスペクターを調べて、Paul Irish がここで議論したようにスタイルを設定できます。https://darcyclarke.me/articles/development/skin-your-chrome-inspector/

ベストアンサー1

以下の簡単な手順に従ってください。

  1. Command+ Option+ i( Windows の場合はCtrl+ Shift+ )を押してiDevTools を開きます。

  2. 開発者ツールが新しいウィンドウにドッキング解除されていることを確認します。メニューからドッキング解除する必要がある場合があります。メニューからドッキング解除

  3. Command+ Option+を押すi またこの新しいウィンドウで。

  4. これにより、DevTools で DevTools が開きます。

  • 必要に応じて、ページの DevTools を再ドッキングできます。
  1. まだ選択していない場合は、要素— インスペクターの上部にある最初のアイコンです。

質問の範囲から少し外れますが、それでも、なぜ問題が発生しているのかを理解する上では、Chrome デベロッパー ツール: リモート デバッグ動作します。

おすすめ記事