Richieste di rete: testa il tuo sito bloccando le richieste di rete

Dale St. Marthe
Dale St. Marthe

Usa il riquadro Blocco richieste di rete per verificare il comportamento della pagina nel caso in cui non venga impedito il caricamento di determinate risorse, ad esempio immagini o fogli di stile.

Panoramica

Il riquadro Blocco richieste di rete ti consente di bloccare più risorse o "pattern" contemporaneamente e di attivarli da un elenco. Puoi bloccare i domini o gli URL di richieste di rete anche 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 pattern.
  • Modifica i pattern.
  • Rimuovi tutti i pattern.
  • Consente di attivare o disattivare il blocco delle richieste di rete. Una volta attivato, puoi attivare/disattivare il blocco per una singola sequenza.

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 richieste di rete:

  1. Apri DevTools.
  2. Apri il menu Comando premendo:
    • macOS: Comando+Maiusc+P
    • Windows, Linux, ChromeOS: Ctrl+Maiusc+P Menu dei comandi con
  3. 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 DevTools.

In alternativa, nell'angolo in alto a destra, seleziona more_vert Altre opzioni > Altri strumenti > Blocco delle richieste di rete.

Blocca una richiesta di rete

Esistono due modi per bloccare una richiesta di rete. In primo luogo,

  1. Nel riquadro Blocco richieste di rete, fai clic su aggiungi Aggiungi pattern. Viene visualizzata una casella di immissione che ti chiede 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 dei pattern con caratteri jolly.
    • Un nome di dominio. In questo modo vengono bloccate tutte le richieste contenenti questo dominio.
  2. Fai clic su Aggiungi e assicurati che la casella di controllo Attiva blocco richieste di rete sia selezionata.

  3. 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.

  1. 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. immagine
  2. Si apre automaticamente il riquadro Blocco richieste di rete, che elenca il pattern pertinente come bloccato.
  3. Verifica che la casella di controllo Attiva blocco richieste di rete sia selezionata.
  4. 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 altre 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 della richiesta di rete specifico:

  • Nel riquadro Blocco 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, nella barra delle attività fai clic sul pulsante Blocca Rimuovi tutti i pattern di blocco della rete.

Modifica di un pattern di richiesta di blocco della rete

Per modificare un pattern, nel riquadro Blocco richieste di rete, fai clic sul pulsante Modifica Modifica accanto al pattern, modificalo e fai clic su Salva.

Attiva/disattiva blocco richieste di rete

La casella di controllo check_box Attiva blocco richieste di rete consente di attivare e disattivare contemporaneamente il blocco delle richieste di rete per tutti i pattern.