Evita di passare attraverso il file javascript in Chrome Developer Tools?

Mi chiedo, c’è un modo per omettere un file javascript dal debugger di Strumenti per sviluppatori di Chrome, quindi salterà automaticamente tutte le chiamate di funzione fatte a quello script?

Chiedo perché i miei progetti includono spesso librerie di grandi dimensioni come jQuery. Quando passo javascript in Strumenti per sviluppatori di Chrome durante il debug, devo passare alla libreria di jQuery ogni volta che faccio una chiamata jQuery nel mio script.

Finisco per dover impostare i breakpoint di una riga dopo ogni chiamata all’object jQuery. È l’unico modo in cui ho trovato di saltare oltre ed è molto fastidioso.

AGGIORNAMENTO 2
C’è stato un miglioramento nel stream degli utenti di questa funzionalità nelle ultime versioni di Chrome. Si prega di fare riferimento a https://developer.chrome.com/devtools/docs/blackboxing

AGGIORNAMENTO 1
Dalla versione 38 di Chrome, non devi più abilitare gli esperimenti di Strumenti per sviluppatori.

Sotto i dettagli sono solo per la storia

Questo è ansible ora nella versione 30+ di Chrome.

  1. Abilita “Abilita esperimenti sugli strumenti per sviluppatori” da chrome://flags/#enable-devtools-experiments . (Sì, è necessario digitare quello in cui si digita l’URL)
  2. Riavvia Chrome
  3. Fai clic sull’icona delle impostazioni in Strumenti per sviluppatori di Chrome
  4. Vai alla sezione Esperimenti. Notare l’AVVERTENZA;), quindi selezionare Enable frameworks debugging support . (Si potrebbe anche voler provare a Show step-in candidates while debugging )
  5. Adesso chiudi Chrome Dev Tools e di nuovo lo apri.
  6. Fai clic sull’icona delle impostazioni in Strumenti per sviluppatori di Chrome
  7. Nella sezione generale troverai “Skip stepping through sources with names names”. Spuntalo e fornisci espressioni regolari per i nomi di file javascript in cui vuoi saltare.

Salta l'accesso a determinati file javascript

Fonte: suggerimenti e trucchi: ignorare il codice della libreria durante il debug in Chrome

iSid vorrei sottolineare che a partire da Chrome 38 non è più necessario abilitare gli esperimenti di devtools. Invece, se vai direttamente agli strumenti di sviluppo F12 -> impostazioni -> generali -> fonti vedrai che l’ultimo elemento in esso è gestito dal black boxing della struttura. La buona parte è che puoi impostare ogni framework sulla sua linea o puoi creare un generico catch come pattern (firebug | angular | knockout | jquery | bootstrap | modernizr | answer)

Le cose sono un po ‘diverse nella versione 51.

Premere F12 quindi F1. Seleziona ‘Blackboxing’ dal menu a sinistra.

inserisci la descrizione dell'immagine qui

Il pulsante “Esci” può essere utilizzato per uscire rapidamente dal codice JQuery.

Sotto Chrome v68, mentre esegui il debug su un file .js, usa il clic sinistro sullo script blackbox:

https://developer.chrome.com/devtools/docs/blackboxing