Utilizza il riquadro Blocco delle richieste di rete per verificare il comportamento della pagina se il caricamento di determinate risorse, come immagini o fogli di stile, viene impedito.
Panoramica
Il riquadro Blocco delle richieste di rete ti consente di bloccare più risorse o "pattern" contemporaneamente e di attivarli e disattivarli 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 richieste di rete.
Il riquadro Blocco richieste di rete ti consente di:
- Aggiungi o rimuovi motivi.
- Modificare i motivi.
- Rimuovi tutti i pattern.
- Attiva o disattiva il blocco delle richieste di rete. Una volta attivata, puoi attivare e disattivare il blocco per un singolo pattern.
La chiusura di DevTools disattiva 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 richieste di rete:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Control+Maiusc+P
- Inizia a digitare
Network request blocking, seleziona Mostra blocco richieste di rete e premi Invio. DevTools mostra il riquadro Blocco richieste di rete nella parte inferiore della finestra.
In alternativa, nell'angolo in alto a destra, seleziona Altre opzioni > Altri strumenti > Blocco delle richieste di rete.
Bloccare una richiesta di rete
Esistono due modi per bloccare una richiesta di rete. In primo luogo,
Nel riquadro Blocco delle richieste di rete, fai clic su 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 dei seguenti valori:
- Un URL completo.
- Un URL parziale con un asterisco "
*" per la corrispondenza con il pattern jolly. - Un nome di dominio. In questo modo vengono bloccate tutte le richieste contenenti questo dominio.
Fai clic su Aggiungi e assicurati che la casella di controllo Attiva il blocco delle richieste di rete sia selezionata.
Ricarica la pagina. Il riquadro Blocco 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, fai clic con il tasto destro del mouse su una richiesta nella sezione Nome e seleziona Blocca URL richiesta o Blocca dominio richiesta.
- Il riquadro Blocco richieste di rete si apre automaticamente e elenca il pattern pertinente come bloccato.
- Assicurati che la casella di controllo Attiva blocco 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 aggiornarsi man mano che vengono effettuate altre richieste. L'aggiornamento della pagina reimposta i numeri.
Rimuovere un pattern di blocco delle richieste di rete
Per rimuovere dall'elenco un pattern di blocco delle richieste di rete specifico:
- Nel riquadro Blocco richieste di rete, passa il mouse sopra un pattern.
- Fai clic sul pulsante Elimina.
Per rimuovere tutti i pattern di blocco delle richieste di rete, fai clic sul pulsante 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 accanto al pattern, modificalo e fai clic su Salva.
Attiva/disattiva il blocco delle richieste di rete
La casella di controllo Attiva blocco richieste di rete ti consente di attivare e disattivare il blocco delle richieste di rete per tutti i pattern contemporaneamente.