Richiesta di monitoraggio in Chrome

186

In Firefox, utilizzo Firebug che consente di visualizzare tutte le richieste http che le chiamate ajax stanno effettuando. Ho passato il mio sviluppo a Chrome e mi piace fino ad ora. La mia unica lamentela, tuttavia, è che gli strumenti di sviluppo non sembrano consentire di visualizzare ogni richiesta di ajax. Ho avuto successo una volta che il pannello Risorse mostrava più richieste alla stessa risorsa, ma lo ha fatto solo una volta e mai più.Richiesta di monitoraggio in Chrome

C'è un modo per vedere in modo affidabile ogni richiesta http che una pagina sta facendo tramite javascript da Chrome?

[Edit: 11/30/09 11:55]

Attualmente, per aggirare il problema, sto correndo Fiddler vicino a Chrome per visualizzare le mie richieste, ma se c'è un modo per farlo dal di dentro il browser, preferirei quello.

fonte

2009-11-30 Wes P

Ho lo stesso problema: ho provato tutte le soluzioni qui. Nulla appare nella parte Response della finestra XHR negli strumenti dev. Mostra solo "Questa richiesta non ha dati di risposta disponibili". Se eseguo lo stesso codice usando firebug, si presenta bene. nelle impostazioni degli strumenti di dev cog, ho provato a selezionare "Log XMLHttpRequest" ma questo non ha aiutato (il tipo di risposta è application/json). Devo fare tutto il debug in firebug. Firebug formatta anche il JSON in modo carino, gli strumenti di chrome dev non lo fanno se riesci a farlo visualizzare la risposta (ad esempio non usando ajax). –

320

So che questo è un vecchio thread, ma ho pensato di carillon.

Chrome attualmente è una soluzione integrata.

Usa CTRL+SHIFT+I (o accedere al Current Page Control > Developer > Developer Tools. Nelle versioni più recenti di Chrome, fai clic sull'icona della chiave inglese> Strumenti> Strumenti per sviluppatori.) Per abilitare gli Strumenti per sviluppatori.
Dall'interno degli strumenti sviluppatore, fare clic sul pulsante Network. Se non lo è già, abilitalo per la sessione o sempre.
Fare clic sul pulsante secondario "XHR".
Iniziare un AJAX call.
Vedrai le voci che iniziano a comparire nella colonna di sinistra sotto "Resources".
Fare clic sulla risorsa e ci sono 2 schede che mostrano le intestazioni e restituiscono il contenuto.

fonte

2010-06-10 22:46:06 Phil

Grazie Phil! L'avevo messo da parte e facevo affidamento soprattutto su Fiddler. Ma quel tasto XHR è quello che stavo cercando: D –

proprio ieri stavo parlando che se gli strumenti di Chrome potessero fare questo sarebbe perfetto, grazie. – GerManson

Nel caso che qualcun altro faccia questo: avevo fatto clic sulla colonna "Nome" per ordinarlo prima e ho dimenticato poi, più tardi, alcune nuove richieste sarebbero saltate al centro della lista a causa dell'ordinamento alfabetico. Ho dovuto aggiornare la pagina per annullare la registrazione. –

È possibile utilizzare Fiddler che è un buon strumento gratuito.

fonte

2009-11-30 16:46:49 JoshBerke

Sì, ho Fiddler che è quello che sto usando per fare questo. Sto solo cercando un modo per farlo dal browser, dato che è un po 'più conveniente. –

Ahh ok non posso farci niente, mi dispiace buona fortuna – JoshBerke

La risposta più aggiornata a questo è: sono elencati sotto il pulsante "Rete" negli strumenti di sviluppo, non più in "Risorse" come un tempo.

fonte

2011-03-03 11:18:02 Wouter

Questo è effettivamente il punto in cui si trova ora, mi ha portato a cercare lo stack overflow per trovarlo dopo l'aggiornamento. – Kzqai

non sanno partire da quale versione cromata è a disposizione, ma ho trovato un ambiente 'Console - log XMLHttpRequests' (cliccando sull'icona in basso a destra di strumenti di sviluppo in cromo su Mac)

fonte

2012-01-13 15:16:25 schellmax

Questo è il modo più semplice e migliore per monitorare le richieste XHR. – CourtDemone

Puoi anche fare clic con il tasto destro sulla pagina nel browser e selezionare "Ispeziona elemento" per visualizzare gli strumenti per sviluppatori.

https://developer.chrome.com/devtools

fonte

2014-03-01 18:27:43 BitByteDog

È inoltre possono utilizzare questo link in Chrome per informazioni più dettagliate rispetto l'ispettore ha fatto.

chrome://net-internals/#events

Questo dimostra il registro di tutte le richieste del browser, mentre aperti

fonte

2014-05-19 09:01:48 abimelex

Potresti esportarlo? – Pacerier

Grazie a tutti persona che cercano di aiutare in questo post

Ho Ubuntu 13.10 e la mia versione Chrome è 34.0

per la mia situazione questo funziona

1.open developer tools in chrome(or use right click on your page and then select inspect element) 
2.go to "Network" tab 
3.find your ajax request in "Name Path" column 
4.click on the specific ajax link

ora si dovrebbe vedere un nuovo pannello di fronte a voi richiedere

in this panel select "Response" tab

fonte

2014-05-21 10:15:25 masoud2011

Nella fase 5 di Phil, "Risorse" non è più disponibile nella nuova versione di Chrome. È necessario fare clic sull'icona della pagina accanto alla pagina Ajax elencata nel riquadro inferiore con le colonne Nome, Metodo, Stato, ...

Quindi mostrerà più pannelli in cui verranno visualizzati i messaggi di errore.

fonte

2016-01-19 06:35:48 wcb1

Apri il tuo DevTools e premi F1 per accedere alle impostazioni. Cerca la sezione della console e seleziona la casella di controllo "Log XMLHttpRequests".

Ora tutte le tue ajax e altre richieste simili verranno registrate nella console.

Preferisco questo metodo perché di solito mi consente di vedere tutto ciò che sto cercando nella console senza dover andare alla scheda di rete.

fonte

2016-12-01 21:31:19 ShaneDaugherty

risposta

Problemi correlati