Richiesta di monitoraggio in Chrome

Question

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ù.

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.

Answer 1

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

Chrome attualmente è una soluzione integrata.

1. 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.
2. Dall'interno degli strumenti sviluppatore, fare clic sul pulsante Network. Se non lo è già, abilitalo per la sessione o sempre.
3. Fare clic sul pulsante secondario "XHR".
4. Iniziare un AJAX call.
5. Vedrai le voci che iniziano a comparire nella colonna di sinistra sotto "Resources".
6. Fare clic sulla risorsa e ci sono 2 schede che mostrano le intestazioni e restituiscono il contenuto.

Answer 2

È possibile utilizzare Fiddler che è un buon strumento gratuito.

Answer 3

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

Answer 4

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)

Answer 5

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

Answer 6

È 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

Answer 7

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 

Answer 8

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.

Answer 9

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.