Come andare a un file specifico negli Strumenti per sviluppatori di Chrome?


97

Sto sviluppando un'applicazione web con un pesante approccio front-end. Utilizzando Dojo e AMD-way, attualmente ho schermate di test che possono facilmente caricare oltre un centinaio di file javascript diversi.

Quando voglio eseguire il debug per un problema specifico o verificare se sto vedendo una vecchia versione di un file specifico, trovo davvero difficile trovare i miei file nella scheda Sorgenti negli Strumenti per sviluppatori di Chrome.

C'è qualche scorciatoia o azione che posso fare che mi permetta di digitare il nome di un file e mi porterà all'origine di quel file?


2
In basso a destra nella console è presente un'icona a forma di ingranaggio. Cliccalo. Nell'ultima scheda della finestra delle impostazioni è presente una scheda dei collegamenti. Puoi vedere le combinazioni chiave come la risposta.
epascarello

Utilizza "Vai al file" in Google Dev Tools (uno strumento flessibile e utile con capacità di ricerca sul nome della funzione, nome della classe in CSS, ...) "Vai al file" in Google Dev Tools
Iman Bahrampour

Risposte:


142

Nella scheda Fonti, usa CTRL+ O( + Oper Mac) per cercare script, fogli di stile e frammenti in base al nome del file.

(usa CTRL+ SHIFT+ Oper filtrare / navigare a una funzione JavaScript / regola CSS durante la visualizzazione di un file)

[ Chrome Devtools Cheatsheet ]


Buono a sapersi! Prima di Chrome 35 eri in grado di avviare una ricerca di nomi di file semplicemente digitando con il navigatore di file nella scheda Sorgenti focalizzata; è bello sapere che hanno nascosto questa funzione dietro una scorciatoia invece di rimuoverla completamente. =)
rakslice

l'avvertenza per il filtro / ricerca è che non riesci a eseguire ricerche esatte o caratteri jolly. la ricerca di .jsrestituisce qualsiasi file con a jo an so a .nel nome del file: /
worc

15

CTRL+ Pfa apparire l'input di ricerca in Windows.

inserisci qui la descrizione dell'immagine

+ P- in Mac.

inserisci qui la descrizione dell'immagine


2
Oe Psembrano avere lo stesso comportamento. Mi chiedo se uno sia deprecato.
Isherwood

2

In Windows:

Usa CTRL+ SHIFT+ F per cercare il contenuto nei file.

Usa CTRL+ SHIFT+ O per cercare i nomi dei file.


Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.