Wie suche ich alle geladenen Skripte in den Chrome Developer Tools?

430

In Firebug können Sie nach Text suchen, der in allen auf einer Seite geladenen Skripten gesucht wird. Kann dies auch in Chrome Developer-Tools beim Debuggen des Client-Skripts durchgeführt werden? Ich habe es versucht, aber es scheint nur in dem Skript zu suchen, das ich geöffnet habe, und nicht in dem Rest, der sich auf der Seite befindet.

Ich hoffe, die nächsten Screenshots geben eine bessere Vorstellung davon, was ich erreichen möchte: Alt-Text

Die folgenden Screenshots stammen aus einer einzelnen Suche in Firebug: Alt-Text Alt-Text

google-chrome google-chrome-devtools script-debugging Slavo
quelle
1
Übrigens, wenn Sie Quellzuordnungen verwenden (z. B. im GWT Super Dev-Modus), können Sie die zugeordneten Java-Dateien nach Namen durchsuchen ... Geben Sie auf der Registerkarte Quellen Strg + O (Befehl + O auf dem Mac) ein.
Frankadelic
6
Darf ich vorschlagen, die akzeptierte Antwort auf vsevik zu ändern? Es ist viel wahrscheinlicher, für die heutigen Leser nützlich zu sein.
Mark Amery
Froh! Ich habe die perfekte Antwort auf diese Frage erhalten, aber die Suche in der Netzwerkantwort ist nicht wie in Firebug verfügbar, jetzt nicht einmal in Firefox
Ravi Parekh
1
Verwenden Sie in Google Dev Tools "Zur Datei wechseln" (ein flexibles und nützliches Tool mit der Fähigkeitssuche nach Ihrem Funktionsnamen, Klassennamen in CSS, ...). Verwendung Verwenden Sie Zur Datei in Google Chrome DevTools
Iman Bahrampour

Antworten:

678

Öffnen Sie einen neuen Suchbereich in den Entwicklertools von:

  • Drücken Sie Ctrl+ Shift+ F( Cmd+ Option+ Iauf dem Mac)
  • Klicken Sie ⋮in DevTools auf das Überlaufmenü ( ).DevTools-Überlaufmenü
  • Klicken Sie in der Konsole ( ⋮) auf das Überlaufmenü und wählen Sie die Option Suchen

Sie können alle Ihre Skripte mit Unterstützung für reguläre Ausdrücke und Groß- und Kleinschreibung durchsuchen.

Klicken Sie auf eine Übereinstimmung, um diese Datei / diesen Abschnitt in das Skriptfenster zu laden.

Alle Dateien durchsuchen - Ergebnisse

Stellen Sie sicher, dass "In anonymen Skripten und Inhaltsskripten suchen" in den DevTools-Einstellungen ( F1) aktiviert ist . Dies gibt Ergebnisse aus iframes und HTML-Inline-Skripten zurück:

Suchen Sie in anonymen und Inhaltsskripten. DevTools-Einstellungen

vsevik
quelle
14
Strg + Umschalt + F ist sehr nützlich, gibt jedoch nicht alle Treffer zurück, insbesondere Skripte innerhalb des Iframes.
Murali VP
35
Wenn Strg + Umschalt + F der richtige Weg ist, ist das obere Suchfeld völlig irreführend. Zweitens ist der Workflow für die Such- und Jagd-Benutzeroberfläche schrecklich. Wie viel kannst du wirklich in diesen winzigen Bereich passen? Warum nicht so wie FF?
Mrchief
6
Funktioniert gut, dauert aber viel länger als in FF. Chrome Dev Tools brauchen noch viele Verbesserungen ... = (
Ricardo Martins
8
Stellen Sie sicher, dass sich die Entwicklertools in einem eigenen Fenster befinden. Wenn DT an das Hauptfenster angedockt ist, ruft der Befehl Strg + Umschalt + F keine Suche nach Quellen auf, sondern führt stattdessen eine Standardsuche durch.
Autobahn des Lebens
22
Die Tatsache, dass ich dafür googeln musste, sagt viel über UX von Chrome Dev Tools aus.
Piotr Owsiak
16

Durchsuchen Sie alle Dateien mit Strg + Umschalt + F oder Konsole -> [Registerkarte Suchen]

Geben Sie hier die Bildbeschreibung ein

HINWEIS: Die globale Suche wird neben dem Menü KONSOLE angezeigt

Asher
quelle
Diese Antwort entspricht im Wesentlichen der am besten bewerteten, die ich aktualisiert habe, um Konsole -> Suche einzuschließen.
Dan Dascalescu
10

Zusätzlich zu Ctrl+ Shift+ F( Cmd+ Option+ Fauf Mac), wie in dieser Antwort vorgeschlagen , können Sie mit der rechten Maustaste auf den oberen Baumknoten auf der Registerkarte Quellen klicken und "In allen Dateien suchen" auswählen:

Geben Sie hier die Bildbeschreibung ein

Big McLargeHuge
quelle
5
Existiert nicht mehr? Ich sehe es nicht unter Windows.
XP1
4
Ab
Existiert wieder in der aktuellen Version
Julix
Ich sehe es nicht in Chrome Version 79 auf Mac OS.
user674669
0

In Windows Strg + Umschalt + F. Stellen Sie außerdem sicher, dass Sie auch in Inhaltsskripten suchen. Gehen Sie zu Einstellungen-> Quellen-> Suche in anonymem und Inhaltsskript.

JDev
quelle
0

In der neuesten Version von Chrome vom 26.10.2008 funktioniert die am besten bewertete Antwort nicht mehr. So geht's: Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Zinan Xing
quelle
Die am besten bewertete Antwort funktioniert immer noch, wenn Sie in den Einstellungen "In anonymen Skripten und Inhaltsskripten suchen" aktivieren. Übrigens hängt Ihre Antwort nicht mit dem zusammen, was gefragt wird. Dies dient nur zur Suche nach Dateinamen, nicht nach Inhalten.
Koray
0

In Witwen funktioniert es für mich. Wenn Sie die Umschalttaste F drücken, wird unten ein Suchfenster geöffnet. Stellen Sie sicher, dass Sie den unteren Bereich erweitern, um das neue Suchfenster anzuzeigen.

Geben Sie hier die Bildbeschreibung ein

Rupesh Kumar Tiwari
quelle
-1

Ihr Text befindet sich möglicherweise in der Netzwerkantwort. Auf der Registerkarte Netzwerk befindet sich auch ein Suchwerkzeug, das Sie ausprobieren können.

Was Sie suchen möchten, bleibt entweder im DOM oder im Speicher. Wenn es sich nicht in DOM befindet, befindet es sich möglicherweise im Speicher, da Sie es ohnehin nur auf Ihrem Computerbildschirm sehen. Der gesuchte Text kann entweder aus Skripten im ursprünglichen DOM oder aus der Antwort in der späteren Anforderung geladen werden.

besudeln
quelle