Jak przejść do określonego pliku w Narzędziach dla programistów Chrome?

98

Tworzę aplikację internetową z ciężkim podejściem front-end. Korzystając z Dojo i AMD-way, mam obecnie ekrany testowe, które mogą łatwo załadować ponad sto różnych plików javascript.

Kiedy chcę debugować pod kątem konkretnego problemu lub sprawdzić, czy widzę starą wersję określonego pliku, bardzo trudno mi znaleźć moje pliki na karcie Źródła w Narzędziach dla programistów Chrome.

Czy jest jakiś skrót lub czynność, którą mogę wykonać, które pozwolą mi wpisać nazwę pliku i skierują mnie do źródła tego pliku?

javascript debugging google-chrome google-chrome-devtools frontend Alfa
źródło
2
W prawym dolnym rogu konsoli znajduje się ikona koła zębatego. Kliknij to. Na ostatniej zakładce w oknie ustawień znajduje się zakładka ze skrótami. Możesz zobaczyć kombinacje klawiszy, takie jak odpowiedź.
epascarello
Użyj „Przejdź do pliku” w Google Dev Tools (elastyczne i przydatne narzędzie z możliwością wyszukiwania nazwy funkcji, nazwy klasy w CSS, ...) „Przejdź do pliku” w Google Dev Tools
Iman Bahrampour,

Odpowiedzi:

142

Na karcie źródeł użyj CTRL+ O( ⌘+ Odla komputerów Mac), aby przeszukiwać skrypty, arkusze stylów i fragmenty według nazwy pliku.

(użyj CTRL+ SHIFT+, Oaby filtrować / nawigować do funkcji JavaScript / reguły CSS podczas przeglądania pliku)

[ Chrome Devtools Cheatsheet ]

PŁYTA CD..
źródło
Dobrze wiedzieć! Kiedyś (przed Chrome 35?) Mogłeś rozpocząć wyszukiwanie nazwy pliku, wpisując po prostu za pomocą nawigatora plików na karcie Źródła; dobrze jest wiedzieć, że ukryli tę funkcję za skrótem, zamiast całkowicie ją usunąć. =)
rakslice
zastrzeżeniem dla filtra / wyszukiwania jest to, że nie możesz wykonywać dokładnych wyszukiwań ani symboli wieloznacznych. wyszukiwanie .jszwraca dowolny plik z a, jan slub a .w nazwie pliku: /
worc
15

CTRL+ Pwywołuje pole wyszukiwania w systemie Windows.

wprowadź opis obrazu tutaj

⌘+ P- w systemie Mac.

wprowadź opis obrazu tutaj

Aleksei Mialkin
źródło
2
Oi Pwydają się mieć takie samo zachowanie. Zastanawiam się, czy któryś jest przestarzały.
isherwood
3

W systemie Windows:

Użyj CTRL+ SHIFT+, F aby wyszukać zawartość w plikach.

Użyj CTRL+ SHIFT+, O aby wyszukać nazwy plików.

miłość na żywo
źródło
Jeśli korzystasz z procesu kompilacji, a pliki nie są już rozpoznawalne w Chrome, wyszukiwanie według zawartości jest świetnym rozwiązaniem.
Mote Zart
0

Mac: Command + O Windows: Ctrl + O

Jackie
źródło