1. ホーム
  2. google-chrome

[解決済み】Chromeデベロッパーツールで読み込まれたすべてのスクリプトを検索する方法は?

2022-03-24 18:16:53

質問

Firebugでは、あるテキストを検索すると、そのページに読み込まれているすべてのスクリプトの中からそのテキストを探します。Chromeのデベロッパーツールで、クライアントスクリプトのデバッグ中に同じことができるでしょうか?試してみましたが、自分が開いているスクリプトだけを検索し、ページ上にある他のスクリプトは検索しないようです。

次のスクリーンショットで、私が何を達成しようとしているのか、より良いアイディアが得られると思います。

以下のスクリーンショットは、Firebugで1回検索したときのものです。

解決方法は?

デベロッパーツールで検索ペインを新規に開く。

  • 押す Ctrl + シフト + F ( Cmd + オプション + I on mac)
  • オーバーフローメニューをクリックする ( )をDevToolsで表示します。
  • コンソールのオーバーフローメニューをクリックする ( を選択し、[検索]オプションを選択します。

正規表現と大文字・小文字の区別をサポートし、すべてのスクリプトを横断的に検索できます。

一致するものをクリックすると、スクリプトパネルにそのファイル/セクションが読み込まれます。

DevToolsの環境設定で「匿名スクリプトとコンテンツスクリプトで検索する」がチェックされていることを確認する( F1 ). これにより、iframe内やHTMLインラインスクリプトの結果が返されます。