Evitare di fare un passo attraverso il file javascript in Chrome Developer Tools?
-
27-10-2019 - |
Domanda
Mi chiedo, esiste un modo per omettere un file JavaScript da Chrome Developer Tools debugger, quindi salterà automaticamente eventuali chiamate di funzione apportate a quello script?
Lo chiedo perché i miei progetti sono spesso grandi biblioteche come jQuery. Quando faccio un passo attraverso javascript in Strumenti Chrome Developer durante il debug, devo passo attraverso lib di jQuery ogni volta che faccio una chiamata jQuery nel mio script.
I finiscono per dover impostare punti di interruzione di una linea dopo ogni chiamata all'oggetto jQuery. E 'l'unico modo che ho trovato per saltare passato ed è molto fastidioso.
Soluzione
UPDATE 2
C'è stato un miglioramento nel flusso di utenti di questa funzione nelle ultime versioni di Chrome. Si prega di fare riferimento a https://developer.chrome.com/devtools/docs/blackboxing
UPDATE 1
Dal momento che Chrome versione 38, è non è più necessario abilitare Strumenti di sviluppo esperimenti.
Qui di seguito i dettagli sono solo per la storia
Questo è possibile ora in cromo versione 30+.
- Enable "Abilita strumenti di sviluppo esperimenti" da
chrome://flags/#enable-devtools-experiments
. (Sì, è necessario digitare quello in cui si digita l'URL) - Riavvia Chrome
- Fare clic su Impostazioni icona in Chrome Developer Tools
- Vai alla sezione esperimenti. Si noti la WARNING;) e quindi spuntare
Enable frameworks debugging support
. (Si potrebbe anche voler provareShow step-in candidates while debugging
) - Ora, vicino Chrome strumenti di sviluppo e di nuovo aprirlo.
- Fare clic su Impostazioni icona in Chrome Developer Tools
- Nella parte generale si trova "Skip passando attraverso le fonti con nomi particolari". Tick ??che e fornire regex per i nomi dei file javascript che si desidera saltare entrare in.
Fonte: Tips e trucchi: Ignorare codice della libreria durante il debug in Chrome
Altri suggerimenti
ISID vorrei far notare che a partire dal Chrome 38 si non hanno più bisogno di attivare gli esperimenti DevTools. Invece se si va dritti agli strumenti di sviluppo F12 -> Impostazioni -> Generali -> fonti vedrete l'ultimo elemento v'è gestire blackboxing quadro. La parte buona è che si può impostare ogni quadro su di essa la propria linea o si può mettere insieme una cattura generica tutto modello simile (Firebug | angolare | KO | jquery | bootstrap | Modernizr | rispondere)
In Chrome V68, durante il debug su un file .js, utilizzare click sinistro per lo script Blackbox:
Il "Step Out" pulsante può essere utilizzato per ottenere rapidamente fuori del codice jQuery.