Utilizza il riquadro Blocco delle richieste di rete per verificare il comportamento della pagina nel caso in cui venga impedito il caricamento di determinate risorse, ad esempio immagini o fogli di stile.
Panoramica
Il riquadro Blocco delle richieste di rete ti consente di bloccare più risorse o "pattern" contemporaneamente e attivarli da un elenco. Puoi anche bloccare i domini o gli URL delle richieste di rete dal riquadro Rete e i rispettivi pattern verranno visualizzati nel riquadro Blocco delle richieste di rete.
Il riquadro Blocco delle richieste di rete ti consente di:
- Aggiungi o rimuovi pattern.
- Modifica i pattern.
- Rimuovi tutti i pattern.
- Attiva o disattiva il blocco delle richieste di rete. Una volta attivato, puoi attivare/disattivare il blocco per un singolo pattern.
La chiusura di DevTools disabilita il blocco delle richieste di rete. Devi aprire il riquadro e attivare di nuovo il blocco. Tuttavia, DevTools salva i pattern anche dopo la chiusura del browser.
Apri il riquadro Blocco richieste di rete
Per aprire il riquadro Blocco delle richieste di rete:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Ctrl+Maiusc+P
- Inizia a digitare
Network request blocking, seleziona Mostra il blocco delle richieste di rete e premi Invio. DevTools mostra il riquadro Blocco delle richieste di rete nella parte inferiore della finestra di DevTools.
In alternativa, nell'angolo in alto a destra, seleziona more_vert Altre opzioni > Altri strumenti > Blocco delle richieste di rete.
Bloccare una richiesta di rete
Esistono due modi per bloccare una richiesta di rete. Primo:
Nel riquadro Blocco delle richieste di rete, fai clic su Aggiungi Aggiungi pattern. Viene visualizzata una casella di immissione in cui ti viene chiesto di inserire un "Pattern di testo per bloccare le richieste con corrispondenza".
Puoi inserire uno qualsiasi dei seguenti valori:
- Un URL completo.
- Un URL parziale con un asterisco "
*" per la corrispondenza dei pattern con caratteri jolly. - Un nome di dominio. Vengono bloccate tutte le richieste contenenti il dominio in questione.
Fai clic su Aggiungi e assicurati che la casella di controllo Abilita il blocco delle richieste di rete sia selezionata.
Ricarica la pagina. Il riquadro Blocco delle richieste di rete mostra il numero di richieste bloccate accanto al pattern.
In secondo luogo, puoi bloccare le richieste di rete dal riquadro Rete in DevTools.
- Nel riquadro Rete, nella sezione Nome, fai clic con il tasto destro del mouse su una richiesta e seleziona Blocca URL richiesta o Blocca dominio richiesta.
- Il riquadro Blocco delle richieste di rete si apre automaticamente ed elenca il pattern pertinente come bloccato.
- Assicurati che la casella di controllo Abilita il blocco delle richieste di rete sia selezionata.
- Ricarica la pagina per visualizzare il numero di richieste bloccate accanto al pattern corrispondente.
Il numero di richieste bloccate potrebbe essere aggiornato man mano che vengono effettuate più richieste. L'aggiornamento della pagina reimposta i numeri.
Rimuovere un pattern di blocco di una richiesta di rete
Per rimuovere dall'elenco un pattern di blocco di una richiesta di rete specifico:
- Nel riquadro Blocco delle richieste di rete, passa il mouse sopra un pattern.
- Fai clic sul pulsante Elimina Elimina.
Per rimuovere tutti i pattern di blocco delle richieste di rete, fai clic sul pulsante Blocca Rimuovi tutti i pattern di blocco della rete nella barra delle attività.
Modificare un pattern di richiesta di blocco della rete
Per modificare un pattern, nel riquadro Blocco delle richieste di rete, fai clic sul pulsante Modifica Modifica accanto al pattern, modificalo e fai clic su Salva.
Attiva/disattiva il blocco delle richieste di rete
La casella di controllo check_box Abilita il blocco delle richieste di rete consente di attivare e disattivare il blocco delle richieste di rete per tutti i pattern contemporaneamente.