Utilizza il riquadro Rete per analizzare il caricamento pagina e controllare le risorse di rete.
Panoramica
Il riquadro Rete ti consente di:
- Registrare 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
- Debug di
prefetchregole di speculazione - Esegui l'override delle intestazioni delle risposte HTTP
- Esegui l'override delle intestazioni per più URL con caratteri jolly.
- Salvare ed esportare i dati delle richieste di rete
Dai un'occhiata a Esaminare l'attività di rete per un tutorial guidato su alcune delle funzionalità del riquadro Rete più utilizzate.
Apri il riquadro Rete
Per aprire il riquadro Rete, apri DevTools e fai clic su Rete nella barra delle azioni in alto.
In alternativa, per aprire il riquadro Network tramite il menu dei comandi, segui questi passaggi:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Ctrl+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, purché DevTools sia aperto.
Oltre alla registrazione, puoi:
- Interrompi la registrazione delle richieste di rete.
- Cancella tutte le richieste dalla tabella Richieste.
- Salva le richieste tra un caricamento pagina e l'altro.
- Emula un'esperienza offline.
- Simula connessioni di rete più lente.
Ispeziona le richieste di rete
Tutte le richieste di rete vengono registrate nella tabella Richieste al centro del riquadro.
Per scoprire di più sulle colonne visualizzate per impostazione predefinita e su altre colonne che puoi aggiungere, consulta Visualizzare un log delle richieste.
Fai clic sul nome di una richiesta per visualizzare schede con informazioni aggiuntive sulla richiesta, tra cui:
- Intestazioni: le intestazioni HTTP della risorsa 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 risorsa selezionata.
- Iniziatore: cosa ha causato la richiesta di una risorsa.
- Tempi: un'analisi dettagliata dell'attività di rete per la risorsa selezionata.
- Cookie: i cookie di una richiesta e la relativa risposta.
Filtra e ordina 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 Requests (Richieste):
- Filtrare le richieste per proprietà
- Filtrare le richieste per tipo
- Filtrare le richieste in base all'ora
- Nascondere gli URL di dati
- Nascondere gli URL delle estensioni
- Mostra solo le richieste con cookie di risposta bloccati
- Mostra solo richieste bloccate
- Mostra solo richieste di terze parti
Cerca intestazioni e risposte della rete
Per scoprire come cercare una determinata stringa o una determinata espressione regolare nelle intestazioni e nelle risposte HTTP di tutte le risorse, consulta l'articolo Intestazioni e risposte della rete di ricerca.
Modifica il comportamento di caricamento
Testa l'esperienza utente della tua pagina modificando il comportamento di caricamento nel riquadro Rete.
Utilizzando il riquadro Rete, puoi effettuare le seguenti operazioni:
- Emula un nuovo visitatore 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
- Esegui l'override delle intestazioni delle risposte HTTP
- Sostituire lo user agent
Salva ed esporta i dati delle richieste di rete
Per salvare ed esportare i dati delle richieste di rete, consulta quanto segue: