jQuery
  1. jQuery
  3. Evita di passare attraverso il file javascript in Chrome Developer Tools?
Intereting Posts
Aggiungi paging per JqGrid Perché preventDefault non funziona? evento sfocatura tinyMCE Ci sono pericoli associati all’uso dei namespace JavaScript? È ansible mostrare un pop-up da un servizio web La chiamata JQuery ajax all’azione MVC restituisce sempre un errore quando non ce n’è uno Agganciare i gestori di eventi a Combobox con completamento automatico jQuery creare una sessione con jquery? Ottieni il valore di una casella di controllo? jqGrid mostra un’icona ‘modifica’ per la modifica in linea come ricaricare il file javascript Tr ricorsivo con Knockout JS e Jquery Template Evento di cambio dinamico non selezionato per selezionare select2 Jquery Memorizzazione del feed di dati come matrice Come faccio a tagliare () una stringa in angularjs?

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