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


430

Firebugでは、テキストを検索すると、ページにロードされたすべてのスクリプトでそのテキストを検索します。クライアントスクリプトのデバッグ中にChromeデベロッパーツールでも同じことができますか?試してみましたが、開いているスクリプトでのみ検索されているようで、ページにある残りのスクリプトは検索されません。

次のスクリーンショットが私が達成しようとしていることについてのより良いアイデアを与えることを願っています: 代替テキスト

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


1
ところで、ソースマップ(GWTスーパー開発モードなど)を使用している場合は、マップされた.javaファイルを名前で検索できます... [ソース]タブでCtrl + O(Macではcommand + O)と入力します。
フランカデリック2013年

6
受け入れられた答えをvsevikのものに変更することを提案できますか?それは、今日の読者にとって非常に役立つ可能性があります。
マークアメリー

うれしい!この質問に対する完全な回答を得たが、Firebugのようにネットワーク応答での検索が利用できず、Firefoxでも利用できない
Ravi Parekh

1
Google Dev Tools(関数名、CSSのクラス名などを検索できる柔軟で便利なツール)で「ファイルに移動」を使用します。Go to file in Google Chrome DevTools
Iman Bahrampour

回答:


678

開発者ツールで次の方法で新しい検索ペインを開きます。

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

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

一致する部分をクリックして、そのファイル/セクションをスクリプトパネルにロードします。

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

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

匿名スクリプトとコンテンツスクリプトで検索DevTools設定設定


14
Control + Shift + Fは非常に便利ですが、すべてのヒット、特にiframe内のスクリプトを返すわけではありません。
Murali VP

35
Ctrl + Shift + Fを使用すると、上部の検索ボックスが誤解を招きやすくなります。第二に、検索とハントのUIワークフローは恐ろしいものです。あなたは本当にその小さな領域にどれだけ収まることができますか?FFのようにしてみませんか?
Mrchief

6
うまく機能しますが、FFよりはるかに時間がかかります。Chrome Dev Toolsにはまだ多くの改善が必要です... =(
Ricardo Martins '18

8
開発者ツールが独自のウィンドウにあることを確認してください。DTがメインウィンドウにドッキングされている場合、Ctrl + Shift + Fコマンドはソースの検索をプルアップせず、代わりにデフォルトの検索を実行します。
Highway of Life

22
これをググる必要があったという事実は、Chrome Dev ToolsのUXについて多くを語っています。
Piotr Owsiak 2014年

16

Control + Shift + Fまたはコンソール-> [検索タブ]ですべてのファイルを検索

ここに画像の説明を入力してください

注:グローバル検索は[コンソール]メニューの横に表示されます


この回答は、基本的にはトップ投票の回答と同じです。コンソール->検索を含めるように更新しました。
Dan Dascalescu

10

この回答で提案されているCtrl+ Shift+ F(MacではCmd+ Option+ F)に加えて、[ソース]タブの一番上のツリーノードを右クリックして、[すべてのファイルで検索]を選択できます。

ここに画像の説明を入力してください


5
もう存在しませんか?Windowsでは表示されません。
XP1 2017年

4
もはやクローム58のように存在しない
ダンDascalescu

現在のバージョンで再び存在する
Julix

Mac OSのChromeバージョン79には表示されません。
user674669

0

WindowsではControl + Shift + F。また、コンテンツスクリプトも検索してください。設定->ソース->匿名およびコンテンツスクリプトで検索に移動します。


0

2018年10月26日の最新のChromeでは、最高評価の回答が機能しなくなりました。その方法は次のとおりです。 ここに画像の説明を入力してください

ここに画像の説明を入力してください


設定から「匿名およびコンテンツスクリプトでの検索」にチェックを入れても、トップ評価の回答は機能します。ところであなたの答えは尋ねられているものとは関係ありません。これはファイル名のみを検索するためのものであり、コンテンツを検索するためのものではありません。
Koray 2018年

0

未亡人では、それは私のために働いています。Shift Fを押すと、下部に検索ウィンドウが開きます。新しい検索ウィンドウを表示するには、下部の領域を拡大してください。

ここに画像の説明を入力してください


-1

テキストがネットワーキングレスポンスにある可能性があります。[ネットワーク]タブにも検索ツールがあり、試すことができます。

検索したいものは、DOM内またはメモリ内に残っている可能性があります。DOMにない場合は、メモリにある可能性があります。とにかく、コンピュータの画面に表示されているだけだからです。検索するテキストは、最初のDOMのスクリプトから、または後のリクエストの応答からロードできます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.