chrome-devtoolsで実際にすべてのJSソースを検索できますか?


171

chrome dev-toolsでJSファイルを検索する際に問題が発生しました。過去にCtrl+ Shift+でアクティブ化された検索でF常に必要なものが見つかりましたが、最近(どの更新がこれをトリガーしたのか正確にわかりません)、検索がつかまらない

  • インラインスクリプトタグのJS

  • iframe内のJS。

インラインスクリプトが含まれていると、コールスタックがめちゃくちゃになっていることもわかりましたが、これらの問題についてグーグルしようとすると、dev-toolsのドキュメントページが表示されますが、他の誰かがこれらの問題に気づいていますか?私はこれが以前にうまくいったと想像しただけですか?


4
注意してください-受け入れられた回答はCTRL + SHIFT + Fと「コンテンツスクリプトでの検索」が有効になっている場合に機能しますが、Chromeは特定の行に複数の一致がある場合でも、1行につき1一致のみをカウントします。縮小されたJSでは、これが頻繁に表示されます。問題のスクリプトをクリックしてCTRL + Fを押すとすべてのインスタンスが見つかるまで、これはChromeのバグだと思っていました。
JD Smith、

素晴らしい点!この「コンテンツスクリプトでの検索」設定とかなり縮小されたスクリプトの印刷の間に、特にアップグレード後のChromeとの一貫性のない動作が見つかりました。時々、物事が完全に機能しません=(
David McMullin

1
実際、Chromeが単に何かを見つけられない場合があります。それは私によく起こります。たとえば、band-aidbrandfirstaid.com / first-aid-how-to-videosにアクセスして_satellite.jwp.videosのソースを検索すると、結果が表示されません。まだその文字列が存在しています- スクリーンショットこの問題を抱えている他の人を見つけることができないようです。今のところ私はFirefoxを使用していますが、それで問題ありません。
JD Smith

それは確かに好奇心が強いです!私は私のクロムで同じ検索を試しましたが、うまくいきました(5件の一致が見つかりました)。以下の私の回答に記載されているオプションを有効にしてみましたか?
デビッドマクマリン2014年

2
フレームは、コンソールウィンドウの一番下まで押しつぶすこともできます(少なくとも私にとっては)。上にドラッグして、より良いかどうかを確認します。
Emery Lapinski、2015年

回答:


170

ええ、拡張機能と内部ブラウ​​ザAPIで使用されるスクリプトであるコンテンツソース内を検索する場合は、DevToolsの設定でそれを有効にし、DevToolsの任意のパネルからCtrl+ Shift+ Fまたは(Macの場合)Options+ Command+ F( ⌥⌘F)すべてのソース、スニペット、ファイルを検索します。

必要な場合にさらに役立つのは、設定の歯車でワークスペースを設定することです。これは、上記のショートカットで検索できるソースファイルブラウザーのサイドバーで利用できるファイルのローカルディレクトリにマップできます。


5
別のコメントによると、検索を有効にする方法を説明するのに役立つ場合があります(別の回答から)「DevToolsの一般設定の[コンテンツスクリプトで検索]オプションをアクティブにする」
samneric

3
これは古くなっています
cdeutsch

8
Chromeの現在のバージョンでは、DevTools> Settings> Preferences> Sources "Search in anonymous and content scripts"
Mark Hansen

これは時代遅れであることに同意しました。また、Dev Tools設定のどこでこれを有効にする必要があるかを明確にするとよいでしょう。
Max MacLeod

44

時間をかけて質問を適切に表現した方が、答えを見つけるのが簡単になるようです...

General-> Sourcesの下に、「Search in content scripts」というオプションが見つかりました。これをどのように/いつ無効にしたかわかりませんが、有効にしてChromeを再起動するとすべての問題が解決しました。


1
CTRL + SHIFT + Fを実行するときに、Chromeがこのオプションを有効にするように求めてきたら、すばらしいでしょう。無効にしたことも覚えていませんが、ある日機能しなくなりました。この目的のためにFirefoxを使用することから私を救ってくれてありがとう!
JD Smith

以前はすべてのソースを検索していたと思いますが、突然停止しました!そのオプションをチェックすると、再び機能します!感謝
Bakhshi、2014年

私はまったく同じ経験をしていましたが、ほとんどの場合Chromeが好きですが、更新後に予期しない動作が見つかることがあります=(再び機能するようになったことを
うれしく

5
Chrome 56では、このオプションは[DevToolsウィンドウの右上の[DevTools]メニュー]-> [設定]-> [設定]-> [ソース]-> [コンテンツスクリプトの検索](一番下のチェックボックス)
Chris

6
私にとってChrome 69では、「匿名およびコンテンツスクリプトでの検索」と呼ばれるようになりました
Jono

35

DevToolsの最新バージョン

DevToolドックの右側にある三重ドットアイコンをクリックし、[ 検索]を選択します。

それともヒット:Control- Shift- F使用中デベロッパーツールをControl- - )。ShiftI

DevTools Dockメニュー


DevToolsの古いバージョン

アクティブ「コンテンツスクリプト内で検索するデベロッパーツールの一般設定でオプション」。それは可能になりますコンテンツのスクリプトが検索可能に。

次に、DevToolsパネルで、パネルの下部にあるソースファイルを検索できます。

例えば:

Google Chrome-コンテンツスクリプト-ソースの検索


DevToolsパネルの下部に[ 検索 ]タブがない場合は、トリプルドットのアイコンをクリックして開きます。

Chrome / Chromium-ソースコードファイルでのDevTools検索


1
私にとっては、検索結果を含むパネルを展開する必要がありました。
Eng.Fouad

8

同じ問題に直面していましたが、CTRL + SHIFT + Fが機能しなくなりました。

  1. f12を押して開発者ツールを開きます
  2. 開発者ツールバーの右側にある縦の省略記号をクリックして、オプションを開きます
  3. [その他のツール]をクリックします
  4. 「検索」をクリックしてください

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


5

それでも機能しない場合は、この拡張機能がChromeにインストールされているかどうかを確認してください。

フォームフィラー:https : //chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=en

CTRL + SHIFT + Fがまだ機能していませんでしたが、Chrome拡張機能「フォームフィラー」がコンソールコマンドの「すべて検索」を上書きしていることがわかりました

これを変更するには:url-> chrome:// extensions /に移動します

次に、右下に移動します。キーボードショートカットとフォームフィラーの+ CTRL + SHIFT + Fコマンドを変更できます

次に、Chrome検索コンソールでコマンドCTRL + SHIFT + Fが再び機能しました


4

最新バージョンでは、「匿名およびコンテンツスクリプトでの検索」を有効にした後でも、CTRL + SHIFT + Fが機能しなくなります。

手順 1)開発ツールの右上または左下にある3つの編集をクリックする必要があります。 ここに画像の説明を入力してください

2)希望する検索オプションが表示されます。

3)また、下部に検索タブが表示されるため、表示されない場合があるため、タブを上ドラッグする必要がありますここに画像の説明を入力してください

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