Cattura e mostra ogni richiesta di rete della pagina corrente in tempo reale.
La scheda Network dei DevTools di Chrome è potente ma pesante — occupa uno spazio significativo dello schermo, si resetta quando navighi e ti costringe ad allontanarti dal contenuto della pagina. Network Monitor offre le funzionalità essenziali di monitoraggio di rete in un leggero pannello fluttuante che si sovrappone alla pagina.
Intercetta le richieste XHR e Fetch e monitora il caricamento delle risorse tramite la Performance API, mostrando ogni richiesta di rete mentre accade. Ogni richiesta mostra l'URL, il metodo HTTP (GET, POST, PUT, DELETE), il codice di stato (codificato per colore: verde per 2xx, giallo per 3xx, rosso per 4xx/5xx), la dimensione della risposta in byte e la durata in millisecondi. Clicca su qualsiasi richiesta per espanderne i dettagli: header della richiesta, header della risposta, payload della richiesta, anteprima del corpo della risposta e un dettaglio dei tempi.
Vengono catturate anche le richieste effettuate tramite la Beacon API (comunemente usata per i ping di analytics inviati proprio prima che una pagina venga scaricata), normalmente difficili da osservare perché si attivano durante la navigazione. Questo è uno strumento separato da WebSocket Inspector — Network Monitor si concentra sul traffico di richieste/risposte HTTP, mentre le connessioni WebSocket e i loro frame sono coperti dallo strumento dedicato WebSocket Inspector, così ogni pannello resta focalizzato e leggibile invece di mescolare due tipi di traffico molto diversi in un unico feed confuso.
Ogni richiesta appare nel pannello in tempo reale.
Clicca per vedere URL, headers, payload, response body, status e timing.
Filtra per XHR/Fetch, JS, CSS, Immagini, Font o Tutti.
Verde per 2xx, giallo per 3xx, rosso per 4xx/5xx.
Ogni richiesta mostra dimensione risposta e durata totale.
Barra riepilogo con conteggio totale e dimensione combinata.
Verifica che il frontend chiami gli endpoint corretti con i parametri giusti.
Errori 404 e 500 evidenziano immediatamente problemi.
Ordina per durata per trovare le richieste più lente.
Vedi ping analytics, heartbeat e richieste lazy-load.
Scopri quali domini vengono contattati da script terze parti.
Apri il dock e clicca l'icona.
Usa la pagina normalmente. Ogni richiesta appare nel feed.
Clicca i filtri tipo per restringere la vista.
Espandi qualsiasi riga per vedere tutti i dettagli.
Status rossi = richieste fallite. Durate lente = colli di bottiglia.
Installa DevSuite Pro gratuitamente e sblocca più di 64 strumenti per sviluppatori per il tuo browser.
