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?


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 ]


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


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.


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

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.