Come cercare tutti gli script caricati in Strumenti per gli sviluppatori di Chrome?

431

In Firebug, puoi cercare del testo e lo cercherà in tutti gli script caricati su una pagina. Lo stesso può essere fatto con gli strumenti di sviluppo di Chrome durante il debug degli script client? L'ho provato, ma sembra cercare solo nello script che ho aperto, e non il resto che si trova sulla pagina.

Spero che i prossimi screenshot diano un'idea migliore di ciò che sto cercando di realizzare: testo alternativo

I seguenti screenshot provengono da una singola ricerca in Firebug: testo alternativo

google-chrome google-chrome-devtools script-debugging

— Slavo
fonte

1

A proposito, se stai usando Mappe sorgente (ad es. Con GWT Super Dev Mode), puoi cercare i file .java mappati per nome ... Digita Ctrl + O (comando + O su mac) nella scheda Sorgenti.

— frankadelic,

6

Posso suggerire di cambiare la risposta accettata a vsevik? È molto più probabile che sia utile per i lettori di oggi.

— Mark Amery,

Lieto! Hai la risposta perfetta a questa domanda ma la ricerca nella risposta di rete non è disponibile proprio come in Firebug, ora nemmeno in Firefox

— Ravi Parekh

1

Utilizza "Vai al file" in Google Dev Tools (uno strumento flessibile e utile con ricerca di abilità sul nome della tua funzione, nome della classe in CSS, ...). Come usare Vai al file in Google Chrome DevTools

— Iman Bahrampour il

679

Apri un nuovo riquadro di ricerca in Strumenti per sviluppatori per:

premendo Ctrl+ Shift+ F( Cmd+ Option+ Isu mac)
facendo clic sul menu di overflow ( ⋮) in DevTools,
facendo clic sul menu di overflow nella Console ( ⋮) e scegliendo l'opzione Cerca

Puoi cercare in tutti i tuoi script con supporto per le espressioni regolari e la distinzione tra maiuscole e minuscole.

Fai clic su una corrispondenza per caricare quel file / sezione nel pannello degli script.

Cerca in tutti i file - risultati

Assicurarsi che "Cerca in script anonimi e di contenuto" sia selezionato nelle Preferenze di DevTools ( F1). Ciò restituirà risultati all'interno di iframe e script HTML inline:

— vsevik
fonte

14

Control + Shift + F è abbastanza utile ma non restituisce tutti gli hit, specialmente gli script all'interno di iframe.

— Murali VP,

35

Se Control + Shift + F è la strada da percorrere, la casella di ricerca superiore è assolutamente fuorviante. In secondo luogo, il flusso di lavoro dell'interfaccia utente di ricerca e ricerca è orribile. Quanto puoi davvero adattarti in quella piccola area? Perché non farlo come fa FF?

— Mrchief,

6

Funziona bene, ma impiega molto più tempo rispetto a FF. Chrome Dev Tools necessita ancora di molti miglioramenti ... = (

— Ricardo Martins,

8

Assicurati che Strumenti per gli sviluppatori sia nella sua finestra, se DT è ancorato alla finestra principale, il comando Ctrl + Maiusc + F non avvierà una ricerca di fonti, ma eseguirà invece una ricerca predefinita.

— Highway of Life,

22

Il fatto che ho dovuto cercare su Google per questo sta raccontando molto su UX di Chrome Dev Tools.

— Piotr Owsiak,

16

Cerca in tutti i file con Control + Shift + F o Console -> [scheda Cerca]

NOTA: la ricerca globale viene visualizzata accanto al menu CONSOLE

— Asher
fonte

Questa risposta è essenzialmente la stessa di quella più votata, che ho aggiornato per includere Console -> Cerca.

— Dan Dascalescu

10

Oltre a Ctrl+ Shift+ F( Cmd+ Option+ Fsu Mac) come suggerito in questa risposta , puoi fare clic con il tasto destro del mouse sul nodo dell'albero superiore nella scheda delle fonti e selezionare "Cerca in tutti i file":

— Big McLargeHuge
fonte

5

Non esiste più? Non lo vedo su Windows.

— XP1,

4

Non esiste più a partire da Chrome 58.

— Dan Dascalescu

Esiste di nuovo nella versione attuale

— Julix,

Non lo vedo nella versione 79 di Chrome su mac os.

— user674669

0

In Controllo di Windows + Maiusc + F. Assicurati anche di cercare anche negli script di contenuto. Vai su Impostazioni-> Fonti-> Cerca in script anonimo e contenuto.

— JDev
fonte

0

Nell'ultimo Chrome del 26/10/2018, la risposta più votata non funziona più, ecco come è fatta:

— Zinan Xing
fonte

La risposta più votata funziona ancora se si seleziona "Cerca in script anonimi e contenuti" dalle impostazioni. A proposito, la tua risposta non è correlata a ciò che viene chiesto; questo è solo per la ricerca di nomi di file, non il contenuto.

— Koray,

0

In Vedove funziona per me. Control Shift F e quindi si apre una finestra di ricerca in basso. Assicurati di espandere l'area inferiore per vedere la nuova finestra di ricerca.

— Rupesh Kumar Tiwari
fonte

-1

Il testo potrebbe trovarsi nella risposta di rete. È inoltre presente uno strumento di ricerca nella scheda Rete e puoi provarlo.

Ciò che si desidera cercare può rimanere nel DOM o nella memoria. Se non è in DOM, beh, potrebbe essere in memoria, perché lo hai appena visto sullo schermo del tuo computer comunque. Il testo che cerchi può essere caricato dagli script nel DOM iniziale o dalla risposta nella richiesta successiva.

— macchiare
fonte