Posso ottenere Chrome-Devtools per cercare effettivamente tutte le fonti JS?

171

Sto riscontrando problemi con la ricerca attraverso i file JS in Chrome Dev-Tools, in passato la ricerca attivata da Ctrl+ Shift+ ha Fsempre trovato quello che volevo, ma recentemente (non sono sicuro di quale aggiornamento abbia attivato questo) Sto trovando il la ricerca non cattura

JS nei tag di script in linea
JS all'interno di iframe.

Ho anche trovato il callstack incasinato quando sono stati coinvolti gli script in linea, ma quando provo a google per questi problemi, ottengo solo le pagine del documento dev-tools, qualcun altro ha notato questi problemi? Stavo solo immaginando che funzionasse prima?

javascript google-chrome-devtools

— David McMullin
fonte

4

Fai attenzione: la risposta accettata funziona con CTRL + MAIUSC + F e "Cerca negli script di contenuto" abilitato, ma Chrome conta solo 1 corrispondenza per riga, anche se ci sono più corrispondenze su una determinata riga. Con JS minimizzato lo vedrai spesso. Avevo pensato che si trattasse di un bug di Chrome fino a quando non mi sono reso conto che avrebbe trovato tutte le istanze se si fa clic nello script in questione e CTRL + F lì.

— JD Smith,

Ottimo punto! Ho trovato un comportamento incoerente con Chrome, soprattutto dopo gli aggiornamenti, tra questa impostazione di "ricerca negli script di contenuto" e gli script minificati di stampa piuttosto, a volte le cose non funzionano perfettamente = (

— David McMullin,

1

In realtà, ci sono momenti in cui Chrome semplicemente non trova qualcosa. Mi capita spesso. Ad esempio, quando visito band-aidbrandfirstaid.com/first-aid-how-to-videos e cerco la fonte per _satellite.jwp.videos non vedo risultati. Eppure quella stringa è presente - screenshot Non riesco a trovare nessun altro con questo problema. Per ora uso Firefox e lo trova perfetto.

— JD Smith,

Questo è davvero curioso! Ho provato la stessa ricerca nel mio Chrome e ha funzionato bene (ho trovato 5 corrispondenze). Hai provato ad abilitare l'opzione menzionata nella mia risposta di seguito?

— David McMullin,

2

Il frame può anche essere schiacciato fino in fondo alla finestra della console (almeno era per me). Trascinalo in alto per vedere se è meglio.

— Emery Lapinski,

170

Sì, se vuoi cercare tra le fonti di contenuto che sono script usati dalle estensioni e dall'API del browser interno, lo abiliti nelle Impostazioni di DevTools e quindi da qualsiasi pannello in DevTools puoi digitare Ctrl+ Shift+ Fo (su Mac) Options+ Command+ F( ⌥⌘F) per cercare tra tutte le fonti, frammenti e file.

Ancora più utile a ciò che potrebbe essere necessario è impostare uno spazio di lavoro nel cog delle Impostazioni che è possibile mappare su una directory locale di file che sarà disponibile nella barra laterale del browser Sources che sarà anche ricercabile con il collegamento sopra.

— jaredwilli
fonte

5

Come da un altro commento, può essere utile spiegare come abilitare la ricerca, ovvero (da un'altra risposta) "Attiva l'opzione" Cerca negli script di contenuto "nelle Impostazioni generali di DevTools"

— samneric

3

Questo non è aggiornato

— cdeutsch

8

Nell'attuale versione di Chrome, DevTools> Impostazioni> Preferenze> Fonti "Cerca in script anonimi e di contenuto"

— Mark Hansen,

Concordato che questo non è aggiornato. Sarebbe anche bello chiarire dove nelle impostazioni di Dev Tools questo dovrebbe essere abilitato.

— Max MacLeod,

44

Sembra che la risposta sia sempre più facile da trovare dopo aver avuto il tempo di pronunciare la domanda correttamente ...

Ho trovato un'opzione in Generale -> Fonti chiamate "Cerca negli script di contenuto". Non sono sicuro di come / quando l'ho disabilitato, ma abilitarlo e riavviare Chrome ha risolto tutti i miei problemi.

— David McMullin
fonte

1

Sarebbe bello se Chrome ci chiedesse di abilitare questa opzione quando si fa CTRL + MAIUSC + F. Non ricordo nemmeno di averlo disabilitato, ma un giorno ha smesso di funzionare. Grazie per avermi salvato dall'utilizzo di Firefox per questo scopo!

— JD Smith,

Sono abbastanza sicuro che stava cercando tra tutte le fonti prima ma improvvisamente si è fermato! ora selezionando questa opzione funziona di nuovo! grazie

— Bakhshi,

Ho avuto la stessa identica esperienza, adoro Chrome per la maggior parte del tempo ma a volte trovo comportamenti imprevisti dopo gli aggiornamenti = (Sono contento che funzioni di nuovo ora!

— David McMullin,

5

In Chrome 56, troverai questa opzione in [Menu DevTools in alto a destra nella finestra di DevTools] -> Impostazioni -> Preferenze -> Sorgenti -> "Cerca negli script dei contenuti" (casella di controllo in basso)

— Chris

6

Per me, in Chrome 69, ora si chiama "Cerca in script anonimi e di contenuto"

— Jono

35

Ultima versione di DevTools

Fare clic sull'icona del punto triplo sulla destra del dock DevTool e selezionare Cerca .

O semplicemente premi: Control- Shift- Fmentre usi DevTools ( Control- Shift- I).

Versione precedente di DevTools

Attiva l' opzione " Cerca negli script di contenuto " nelle Impostazioni generali di DevTools. Consentirà la ricerca di script di contenuto .

Quindi nel pannello DevTools è possibile cercare i file sorgente nella parte inferiore del pannello.

Per esempio:

Google Chrome - Script di contenuto - Cerca nelle fonti

Se non hai la scheda Cerca nella parte inferiore del pannello DevTools , fai clic sull'icona con il punto triplo per aprirla.

— kenorb
fonte

1

Per me, ho dovuto espandere il pannello che contiene i risultati della ricerca.

— Ing

8

Stavo affrontando lo stesso problema CTRL + MAIUSC + F non funzionava più.

Premi f12 per aprire gli strumenti di sviluppo
Fai clic sui puntini di sospensione verticali sul lato destro della barra degli strumenti dello sviluppatore per aprirne le opzioni
Fai clic su "Altri strumenti"
Clicca su "Cerca"

— Patrick S
fonte

5

Se non funziona ancora, controlla se questa estensione è installata nel tuo Chrome:

compilatore di moduli: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=en

CTRL + MAIUSC + F non funzionava ancora per me, ma poi ho scoperto che l'estensione "Form Filler" di Chrome sostituiva "cerca tutto" nel comando console

Per cambiare questo: vai su url -> chrome: // extensions /

quindi vai in basso a destra: scorciatoie da tastiera e puoi cambiare + CTRL + MAIUSC + F comando per compilatore di moduli

quindi il comando CTRL + MAIUSC + F nella console di ricerca di Chrome ha funzionato di nuovo

— Xavave
fonte

4

Nell'ultima versione CTRL + MAIUSC + F non funziona più anche dopo aver abilitato "Cerca in script anonimi e di contenuto".

Passaggi 1) È necessario fare clic sulle tre modifiche in alto a destra o in basso a sinistra degli strumenti di sviluppo.

2) Vedrai un'opzione di ricerca che è quello che vuoi.

3) Anche la scheda di ricerca è presente nella parte inferiore, quindi potrebbe non essere visibile, quindi potresti dover trascinare la scheda verso l'alto .

— Achal Gupta
fonte