it-swarm.com.de

Wie gehe ich zu einer bestimmten Datei in den Chrome Developer Tools?

Ich entwickle eine Webanwendung mit einem starken Front-End-Ansatz. Mit Dojo und dem AMD-Weg habe ich derzeit Testbildschirme, die leicht über hundert verschiedene Javascript-Dateien laden können.

Wenn ich für ein bestimmtes Problem debuggen oder überprüfen möchte, ob eine alte Version einer bestimmten Datei angezeigt wird, finde ich es sehr schwierig, meine Dateien auf der Registerkarte "Quellen" in den Chrome Developer Tools zu finden.

Gibt es eine Verknüpfung oder Aktion, die ich ausführen kann, um den Namen einer Datei einzugeben und zur Quelle dieser Datei zu gelangen?

71
Alpha

Während in der Registerkarte Quellen verwenden CTRL+O (+O für Mac), um Skripte, Stylesheets und Snippets nach Dateinamen zu durchsuchen.

(benutzen CTRL+SHIFT+O zum Filtern/Navigieren zu einer JavaScript-Funktion/CSS-Regel beim Anzeigen einer Datei)

[ Chrome Devtools Cheatsheet ]

117
CD..

CTRL + P Ruft die Sucheingabe in Windows auf.

enter image description here

 + P - In Mac.

enter image description here

13
Aleksei Mialkin

In Windows:

Benutzen CTRL+SHIFT+F um nach Inhalten in Dateien zu suchen.

Benutzen CTRL+SHIFT+O um nach Dateinamen zu suchen.

1
live-love

Mac: Befehlstaste + OWindows: Strg + O

0
Jackie