webdevqa.jp.net

Chromeデベロッパーツールに読み込まれたすべてのスクリプトを検索する方法

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

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

以下のスクリーンショットはFirebugでの単一検索からのものです。 alt textalt text

414
Slavo

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

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

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

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

Search all files - results

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

Search in anonymous and content scripts DevTools Settings Preferences

654
vsevik

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

enter image description here

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

16
htmlfarmer

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

enter image description here

7
David Kennedy

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

enter image description here

0

Windowsでは、Ctrl + Shift + Fキーを押します。コンテンツスクリプトでも検索するようにしてください。 [設定] - > [ソース] - > [匿名のコンテンツスクリプトで検索]をクリックします。

0
JDev