← Torna alle funzionalità
Pro

Monitor di rete

Cattura e mostra ogni richiesta di rete della pagina corrente in tempo reale.

La scheda Network di Chrome DevTools è potente ma pesante. Il Monitor di rete fornisce le funzionalità essenziali in un pannello fluttuante leggero.

Anteprima dal vivo
example.com/app
All XHR JS CSS Img 8 requests · 1.2 MB
TypeURLStatusSizeTime
XHR/api/dashboard2004.2 KB238ms
JS/static/app.bundle.js200842 KB156ms
CSS/static/styles.css20028 KB45ms
XHR/api/user/profile2001.1 KB89ms
IMG/img/hero-banner.webp200245 KB312ms
XHR/api/notifications4040.2 KB67ms
Font/fonts/inter-var.woff220098 KB78ms
Caratteristiche principali

Feed richieste dal vivo

Ogni richiesta appare nel pannello in tempo reale.

Ispezione dettagliata

Clicca per vedere URL, headers, payload, response body, status e timing.

Filtro per tipo

Filtra per XHR/Fetch, JS, CSS, Immagini, Font o Tutti.

Status code colorati

Verde per 2xx, giallo per 3xx, rosso per 4xx/5xx.

Info dimensione e timing

Ogni richiesta mostra dimensione risposta e durata totale.

Conteggio e riepilogo

Barra riepilogo con conteggio totale e dimensione combinata.

Casi d'uso comuni

Debug integrazione API

Verifica che il frontend chiami gli endpoint corretti con i parametri giusti.

Identificare richieste fallite

Errori 404 e 500 evidenziano immediatamente problemi.

Profilazione performance

Ordina per durata per trovare le richieste più lente.

Monitorare attività background

Vedi ping analytics, heartbeat e richieste lazy-load.

Audit script terze parti

Scopri quali domini vengono contattati da script terze parti.

Come usare
1

Attiva il Monitor

Apri il dock e clicca l'icona.

2

Osserva le richieste

Usa la pagina normalmente. Ogni richiesta appare nel feed.

3

Filtra per tipo

Clicca i filtri tipo per restringere la vista.

4

Clicca per dettagli

Espandi qualsiasi riga per vedere tutti i dettagli.

5

Individua problemi

Status rossi = richieste fallite. Durate lente = colli di bottiglia.

Pronto a provare? Monitor di rete?

Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.

Aggiungi a Chrome Aggiungi a Edge Aggiungi a FireFox