Kann ich Chrome-Devtools dazu bringen, alle JS-Quellen zu durchsuchen?

171

Ich habe Probleme beim Durchsuchen von JS-Dateien in Chrome Dev-Tools. In der Vergangenheit hat die von Ctrl+ Shift+ aktivierte Suche Fimmer das gefunden, was ich wollte, aber kürzlich (ich bin mir nicht sicher, welches Update dies ausgelöst hat) finde ich das Suche fängt nicht

  • JS in Inline-Skript-Tags

  • JS in Iframes.

Ich habe auch festgestellt, dass der Callstack durcheinander geraten ist, als Inline-Skripte beteiligt waren, aber wenn ich versuche, nach diesen Problemen zu googeln, erhalte ich nur die Dokumentseiten von dev-tools. Hat jemand anderes diese Probleme bemerkt? Habe ich mir nur vorgestellt, dass das schon mal funktioniert?

javascript google-chrome-devtools David McMullin
quelle
4
Seien Sie vorsichtig - die akzeptierte Antwort funktioniert mit STRG + UMSCHALT + F und "In Inhaltsskripten suchen" aktiviert, aber Chrome zählt nur 1 Übereinstimmung pro Zeile, selbst wenn in einer bestimmten Zeile mehrere Übereinstimmungen vorhanden sind. Mit minimiertem JS werden Sie dies oft sehen. Ich hatte gedacht, dass dies ein Chrome-Fehler ist, bis mir klar wurde, dass alle Instanzen gefunden werden, wenn Sie in das betreffende Skript klicken und dort STRG + F drücken.
JD Smith
Toller Punkt! Ich habe ein inkonsistentes Verhalten mit Chrome festgestellt, insbesondere nach Upgrades, zwischen dieser Einstellung "Suche in Inhaltsskripten" und dem hübschen Drucken minimierter Skripte. Manchmal funktionieren die Dinge nicht perfekt = (
David McMullin
1
Tatsächlich gibt es Zeiten, in denen Chrome einfach nichts findet. Das passiert mir oft. Wenn ich zum Beispiel band-aidbrandfirstaid.com/first-aid-how-to-videos besuche und die Quelle nach _satellite.jwp.videos suche, werden keine Ergebnisse angezeigt. Diese Zeichenfolge ist jedoch vorhanden - Screenshot Ich kann anscheinend niemanden mit diesem Problem finden. Im Moment benutze ich Firefox und es findet es ganz gut.
JD Smith
Das ist wirklich neugierig! Ich habe die gleiche Suche in meinem Chrom versucht und es hat gut funktioniert (5 Übereinstimmungen gefunden). Haben Sie versucht, die in meiner Antwort unten genannte Option zu aktivieren?
David McMullin
2
Der Rahmen kann auch bis zum unteren Rand des Konsolenfensters gequetscht werden (zumindest für mich). Ziehen Sie es nach oben, damit Sie sehen können, ob es besser ist.
Emery Lapinski

Antworten:

170

Ja, wenn Sie in Inhaltsquellen suchen möchten, bei denen es sich um Skripte handelt, die von Erweiterungen und der internen Browser-API verwendet werden, aktivieren Sie diese in den Einstellungen von DevTools und geben Sie in einem beliebigen Bereich in DevTools Ctrl+ Shift+ Foder (auf Mac) Options+ Command+ F( ⌥⌘F) zum Durchsuchen aller Quellen, Snippets und Dateien.

Noch hilfreicher für das, was Sie möglicherweise benötigen, ist das Einrichten eines Arbeitsbereichs im Einstellungszahnrad, den Sie einem lokalen Verzeichnis von Dateien zuordnen können, das in der Seitenleiste des Quellendateibrowsers verfügbar ist und die auch mit der obigen Verknüpfung durchsucht werden kann.

jaredwilli
quelle
5
Gemäß einem anderen Kommentar kann es nützlich sein zu erklären, wie die Suche aktiviert wird, dh (aus einer anderen Antwort) "Aktivieren Sie die Option" In Inhaltsskripten suchen "in den allgemeinen DevTools-Einstellungen"
samneric
3
Dies ist veraltet
cdeutsch
8
In der aktuellen Version von Chrome, DevTools> Einstellungen> Einstellungen> Quellen "Suche in anonymen und Inhaltsskripten"
Mark Hansen
Einverstanden, dass dies veraltet ist. Es wäre auch großartig zu klären, wo dies in den Dev Tools-Einstellungen aktiviert werden sollte.
Max MacLeod
44

Es scheint, dass die Antwort immer leichter zu finden ist, nachdem Sie sich die Zeit genommen haben, die Frage richtig zu formulieren ...

Ich habe unter Allgemein -> Quellen eine Option namens "In Inhaltsskripten suchen" gefunden. Ich bin nicht sicher, wie / wann ich dies deaktiviert habe, aber das Aktivieren und Neustarten von Chrome hat alle meine Probleme behoben.

David McMullin
quelle
1
Es wäre schön, wenn Chrome uns auffordern würde, diese Option bei STRG + UMSCHALT + F zu aktivieren. Ich kann mich auch nicht erinnern, es deaktiviert zu haben, aber eines Tages funktionierte es nicht mehr. Vielen Dank, dass Sie mich vor der Verwendung von Firefox für diesen Zweck bewahrt haben!
JD Smith
Ich bin mir ziemlich sicher, dass es vorher unter allen Quellen gesucht hat, aber plötzlich hat es aufgehört! Jetzt mit dem Aktivieren dieser Option funktioniert es wieder! danke
Bakhshi
Ich hatte genau die gleiche Erfahrung, ich liebe Chrom die meiste Zeit, finde aber manchmal unerwartetes Verhalten nach Updates = (Ich bin froh, dass es jetzt wieder funktioniert!
David McMullin
5
In Chrome 56 finden Sie diese Option unter [DevTools-Menü oben rechts im DevTools-Fenster] -> Einstellungen -> Einstellungen -> Quellen -> "In Inhaltsskripten suchen" (Kontrollkästchen ganz unten)
Chris
6
In Chrome 69 heißt es jetzt "Suche in anonymen Skripten und Inhaltsskripten"
Jono,
34

Neueste Version von DevTools

Klicken Sie auf das Dreifachpunktsymbol rechts neben dem DevTool-Dock und wählen Sie Suchen .

Oder drücken Sie einfach: Control- Shift- Fwährend Sie DevTools verwenden ( Control- Shift- I).

DevTools Dock-Menü

Ältere Version von DevTools

Aktivieren Suche in Content - Skripte 'Option in DevTools Allgemeinen Einstellungen. Damit können Inhaltsskripte durchsucht werden.

Anschließend können Sie im DevTools- Bedienfeld die Quelldateien am unteren Rand des Bedienfelds durchsuchen.

Beispielsweise:

Google Chrome - Inhaltsskripte - Suche in Quellen

Wenn Sie die Registerkarte Suchen unten im DevTools- Bedienfeld nicht haben , klicken Sie auf das Dreifachpunktsymbol, um es zu öffnen.

Chrome / Chromium - DevTools Suche in Quellcodedateien

Kenorb
quelle
1
Für mich musste ich das Panel erweitern, das die Suchergebnisse enthält.
Eng.Fouad
8

Ich hatte das gleiche Problem: STRG + UMSCHALT + F funktionierte nicht mehr.

  1. Drücken Sie f12, um die Entwicklertools zu öffnen
  2. Klicken Sie auf die vertikale Ellipse rechts in der Entwicklersymbolleiste, um die Optionen zu öffnen
  3. Klicken Sie auf "Weitere Tools".
  4. Klicken Sie auf "Suchen"

Geben Sie hier die Bildbeschreibung ein

Patrick S.
quelle
5

Falls es immer noch nicht funktioniert, überprüfen Sie, ob diese Erweiterung in Ihrem Chrome installiert ist:

Formularfüller: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=de

STRG + UMSCHALT + F funktionierte immer noch nicht für mich, aber dann stellte ich fest, dass die Chrome-Erweiterung "Form Filler" den Befehl "Alle suchen" im Konsolenbefehl überschrieb

Um dies zu ändern, gehen Sie zu url -> chrome: // extensions /

Gehen Sie dann nach rechts unten: Tastaturkürzel und Sie können den Befehl + STRG + UMSCHALT + F für den Formularfüller ändern

dann funktionierte der Befehl STRG + UMSCHALT + F in der Chrome-Suchkonsole erneut

Xavave
quelle
4

In der neuesten Version funktioniert STRG + UMSCHALT + F auch nach Aktivierung von "Suche in anonymen Skripten und Inhaltsskripten" nicht mehr.

Schritte 1) Sie müssen auf die drei Änderungen entweder oben rechts oder unten links in den Entwicklungswerkzeugen klicken. Geben Sie hier die Bildbeschreibung ein

2) Sie sehen eine Suchoption, die Ihren Wünschen entspricht.

3) Außerdem befindet sich unten die Suchregisterkarte. Sie ist möglicherweise nicht sichtbar, sodass Sie die Registerkarte möglicherweise nach oben ziehen müssen . Geben Sie hier die Bildbeschreibung ein

Achal Gupta
quelle