Chrome デベロッパー ツールで読み込まれたすべてのスクリプトを検索するにはどうすればよいでしょうか? 質問する

Chrome デベロッパー ツールで読み込まれたすべてのスクリプトを検索するにはどうすればよいでしょうか? 質問する

Firebug では、テキストを検索すると、ページに読み込まれたすべてのスクリプトでそのテキストが検索されます。クライアント スクリプトのデバッグ中に Chrome 開発者ツールで同じ操作を実行できますか? 試してみましたが、開いているスクリプトのみを検索し、ページ上の他のスクリプトは検索しないようです。

次のスクリーンショットで、私が何を達成しようとしているのかがよりよく分かると思います。代替テキスト

次のスクリーンショットは、Firebug での単一の検索からのものです。代替テキスト 代替テキスト

ベストアンサー1

開発者ツールで新しい検索ペインを開くには、次の操作を行います。

  • Ctrl+ Shift+ F( Macの場合はCmd+ Option+ )を押すI
  • DevToolsのオーバーフローメニュー( )をクリックすると、DevTools オーバーフロー メニュー
  • コンソールのオーバーフローメニュー()をクリックし、検索オプションを選択します。

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

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

すべてのファイルを検索 - 結果

DevTools の設定 ( F1) で「匿名およびコンテンツ スクリプト内を検索する」がオンになっていることを確認します。これにより、iframe および HTML インライン スクリプト内から結果が返されます。

匿名およびコンテンツスクリプトでの検索 DevTools 設定 環境設定

おすすめ記事