Utilizza il riquadro Network per analizzare il caricamento pagina e ispezionare le risorse di rete.
Panoramica
Il pannello Rete ti consente di:
- Registra l'attività di rete
- Controllare le richieste di rete
- Filtrare e ordinare le richieste di rete
- Intestazioni e risposte della rete di ricerca
- Modificare il comportamento di caricamento
- Bloccare le richieste di rete
- Modificare le condizioni di rete
- Regole di speculazione di
prefetchper il debug - Eseguire l'override delle intestazioni delle risposte HTTP
- Eseguire l'override delle intestazioni per più URL con caratteri jolly.
- Salvare ed esportare i dati delle richieste di rete
Consulta Ispezionare l'attività di rete per un tutorial guidato che esplora alcune delle funzionalità del riquadro Rete più utilizzate.
Apri il riquadro Rete
Per aprire il riquadro Rete, apri DevTools e poi fai clic su Rete nella barra delle azioni in alto.
In alternativa, per aprire il riquadro Rete tramite il menu Comando, segui questi passaggi:
- Apri DevTools.
- Apri il menu dei comandi premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Controllo+Maiusc+P
- Inizia a digitare
Network, seleziona Mostra riquadro Rete e premi Invio.
Registra attività di rete
Quando apri DevTools, le richieste di rete vengono registrate automaticamente nel riquadro Rete, a condizione che DevTools sia aperto.
Oltre a registrare, puoi:
- Interrompi la registrazione delle richieste di rete.
- Cancella tutte le richieste dalla tabella Richieste.
- Salva le richieste tra i caricamenti pagina.
- Emulare un'esperienza offline.
- Simulare connessioni di rete più lente.
Esaminare le richieste di rete
Tutte le richieste di rete vengono registrate nella tabella Richieste al centro del riquadro.
Per saperne di più sulle colonne visualizzate per impostazione predefinita e su quelle aggiuntive che puoi aggiungere, consulta Visualizzare un log delle richieste.
Fai clic sul nome di una richiesta per visualizzare le schede con ulteriori informazioni, tra cui:
- Intestazioni: le intestazioni HTTP della richiesta selezionata.
- Payload: i parametri della stringa di query e i dati del modulo di una richiesta.
- Anteprima: un rendering di base del codice HTML.
- Risposta: il codice sorgente HTML della richiesta.
- Attivatore: la causa della richiesta.
- Tempistica: una suddivisione dell'attività di rete per la richiesta selezionata.
- Cookie: cookie della richiesta e della relativa risposta.
- Sessioni associate al dispositivo: lo stato di differimento e aggiornamento delle sessioni attive associate al dispositivo.
Filtrare e ordinare le richieste di rete
Il riquadro Rete offre due modi per ordinare le richieste nella tabella Richieste:
Di seguito sono riportati diversi modi per filtrare le richieste nella tabella Richieste:
- Filtrare le richieste per proprietà
- Filtra richieste per tipo
- Filtrare le richieste per ora
- Nascondi URL dati
- Nascondere gli URL delle estensioni
- Mostra solo le richieste con cookie di risposta bloccati
- Mostra solo le richieste bloccate
- Mostra solo richieste di terze parti
Intestazioni e risposte della rete di ricerca
Per scoprire come cercare negli header e nelle risposte HTTP di tutte le risorse una determinata stringa o espressione regolare, consulta Cercare negli header e nelle risposte di rete.
Modificare il comportamento di caricamento
Verifica l'esperienza utente della tua pagina modificando il comportamento di caricamento nel riquadro Rete.
Utilizzando il pannello Rete, puoi:
- Simulare un visitatore alla prima visita disattivando la cache del browser
- Svuotare manualmente la cache del browser
- Cancellare manualmente i cookie del browser
- Emula offline
- Simulare una connessione di rete lenta
- Eseguire l'override delle intestazioni delle risposte HTTP
- Eseguire l'override dello user agent
Salvare ed esportare i dati delle richieste di rete
Per salvare ed esportare i dati delle richieste di rete, vedi quanto segue: