1. ホーム
  2. google-chrome

Chromeのウェブインスペクターはどのように検査するのですか?

2023-09-27 13:27:02

質問

Google によると、これは、Chrome で "chrome-devtools://devtools/devtools.html" にアクセスすることで実現できますが、現在 Chrome の安定版 (または Canary) でそのページにアクセスすると、インスペクタの 99% ストリップ バージョンが表示されるだけだそうです。

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

そして、問題を解決するために知る必要があるとは思いませんが、私はインスペクタを検査して、Paul Irish やここで議論されているようにスタイルを設定できるようにしています。 https://darcyclarke.me/articles/development/skin-your-chrome-inspector/

どのように解決するのですか?

以下の簡単なステップに従ってください。

  1. プレス コマンド + オプション + i ( Ctrl + シフト + i Windowsの場合)でDevToolsを開きます。

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

  3. プレス コマンド + オプション + i また を新しいウィンドウで表示します。

  4. これでDevTools上のDevToolsが開かれます。

  • 必要であれば、ページのDevToolsを再ロックすることができます。
  1. まだの場合、選択する 要素 - を選択します。これはインスペクタの上部にある最初のアイコンです。

質問の範囲を少し超えていますが、問題が発生した理由を理解する上で有効なのは、次の方法を理解することです。 Chrome デベロッパー ツール。リモート デバッグ がどのように機能するかを理解することで見つけることができます。