2012-06-11 6 views
229

Il debugger di rete chrome mi offre un'ottima visualizzazione di tutte le risorse HTTP caricate per una pagina. Ma cancella l'elenco ogni volta che viene caricata una nuova pagina HTML di livello superiore. Ciò rende molto difficile il debug delle pagine che si ricaricano automaticamente per un motivo o per un altro (script in esecuzione o 300 risposte).Come utilizzare il debugger di rete di Chrome con i reindirizzamenti

Posso dire a chrome di non cancellare il debugger di rete quando viene caricata una nuova pagina di primo livello? O posso tornare indietro e guardare le risorse di rete della pagina precedente?

Oppure posso forzare in qualche modo il chrome a mettere in pausa prima di caricare una nuova pagina quando non controllo la pagina che sto cercando di eseguire il debug che sta effettuando il reindirizzamento? Fa parte di una danza aperta che non funziona, quindi la combinazione di SSL e credenziali rende estremamente difficile il debug con gli strumenti da riga di comando.

Oppure FireBug può fare quello che voglio?

+0

In che modo questo duplicato ha ottenuto più uptotes rispetto a quello pubblicato 1 mese prima? http://stackoverflow.com/q/10703944/632951 – Pacerier

+4

@Pacerier Quello che hai collegato non sembra essere pubblicato da te, ma il ragionamento è probabile che non abbia "Chrome" nel titolo. Quando le persone cercano qualcosa correlato a Chrome, la loro ricerca di solito include la parola chiave Chrome. "Google Developer Tools" è incredibilmente ambiguo. –

risposta

330

Questo è stato modificato dalla v32, grazie a @Daniel Alexiuc & @Thanatos per i loro commenti.


attuale (≥ v32)

Nella parte superiore della scheda "Network" di DevTools, c'è una casella di controllo per accendere il "Preserve log" funzionalità. Se è selezionato, il registro di rete viene conservato al caricamento della pagina.

Chrome v33 DevTools Network Tab: Preserve Log

Il piccolo puntino rosso sulla sinistra ora ha lo scopo di attivare la registrazione di rete e disattivare completamente.


vecchie versioni

Nelle versioni precedenti di Chrome (V21 qui), c'è un po ', cliccabile puntino rosso nel piè di pagina della scheda "Rete".

Chrome v22 DevTools Network Tab: Preserve Log Upon Navigation

Se si posiziona il mouse su di esso, vi dirà, che sarà "Preserve Log Su Navigazione" quando è attivato. Tiene la promessa.

+1

Nella versione 32 è ancora lì, ma è stato spostato nella parte superiore del pannello di rete. –

+4

In realtà, è ora in alto, ma chiamato "Preserve log", ed è una casella di controllo. Confusamente, c'è ancora un'icona di registrazione rossa, ma è solo per fare il log in assoluto. – Thanatos

+1

Grazie per aver commentato il cambiamento, ho appena aggiornato la risposta di conseguenza. – bfncs

109

Non so di un modo per forzare Chrome per non cancellare il debugger di rete, ma questo potrebbe realizzare quello che stai cercando:

  1. Aprire la console js
  2. window.addEventListener("beforeunload", function() { debugger; }, false)

Questo si interromperà prima di caricare la nuova pagina toccando un punto di interruzione.

+36

Questa non era la risposta giusta per la domanda, ma in realtà è quello che * sto * cercando. Grazie. – isaaclw

+0

Questo è così perfetto. Sono arrivato qui cercando una soluzione "pausa prima del reindirizzamento" ed eccola qui. La risposta accettata è più facile da ricordare, ma questo è rad. –

+8

Ciò è estremamente utile, poiché chrome non mostra il corpo della risposta del server, se il browser reindirizza subito dopo aver ottenuto la risposta. –

13

Proprio aggiornamento @bfncs rispondere

credo circa Chrome 43 il comportamento è stato modificato un po '. È comunque necessario abilitare il registro Preserve per visualizzarlo, ma ora il reindirizzamento viene visualizzato in Altre schede, quando il documento caricato viene visualizzato in Doc.

Questo mi confonde sempre, perché ho molte richieste di rete e filtro per tipo XHR, Doc, JS ecc.Ma in caso di reindirizzamento la scheda Doc è vuota, quindi devo indovinare.

Problemi correlati