Netwerkverzoeken: Test uw site door netwerkverzoeken te blokkeren

Gebruik het paneel Netwerkverzoekblokkering om te testen hoe uw pagina zich gedraagt ​​als bepaalde bronnen, zoals afbeeldingen of stylesheets, niet kunnen worden geladen.

Overzicht

Met het paneel voor het blokkeren van netwerkverzoeken kunt u meerdere bronnen of "patronen" tegelijkertijd blokkeren en deze uit een lijst schakelen. U kunt ook netwerkverzoekdomeinen of URL's blokkeren vanuit het Netwerkpaneel . De respectievelijke patronen verschijnen in het Netwerkverzoekblokkeringspaneel .

Met het paneel Netwerkverzoekblokkering kunt u:

  • Patronen toevoegen of verwijderen.
  • Patronen bewerken.
  • Verwijder alle patronen.
  • Schakel het blokkeren van netwerkverzoeken in of uit. Eenmaal ingeschakeld, kunt u de blokkering voor een individueel patroon in- of uitschakelen.

Als u DevTools sluit, wordt het blokkeren van netwerkverzoeken uitgeschakeld. U moet het paneel openen en de blokkering opnieuw inschakelen. DevTools slaat de patronen echter op, zelfs nadat de browser is gesloten.

Open het paneel voor het blokkeren van netwerkverzoeken

Om het paneel Netwerkverzoekblokkering te openen:

  1. Open DevTools .
  2. Open het Commandomenu door op te drukken:
    • macOS: Command + Shift + P
    • Windows, Linux, ChromeOS: Control + Shift + P Commandomenu met
  3. Begin met het typen van Network request blocking , selecteer Netwerkverzoekblokkering weergeven en druk op Enter . DevTools geeft het paneel voor het blokkeren van netwerkverzoeken weer onder aan uw DevTools-venster.

U kunt ook in de rechterbovenhoek more_vert Meer opties > Meer tools > Netwerkverzoekblokkering selecteren.

Een netwerkverzoek blokkeren

Er zijn twee manieren om een ​​netwerkverzoek te blokkeren. Eerst:

  1. Klik in het paneel Netwerkverzoekblokkering op Toevoegen Patroon toevoegen . Er verschijnt een invoervak ​​waarin u wordt gevraagd een 'Tekstpatroon in te voeren om overeenkomende verzoeken te blokkeren'.

    U kunt het volgende invoeren:

    • Een volledige URL.
    • Een gedeeltelijke URL met een asterisk " * " voor het matchen van jokertekenpatronen.
    • Een domeinnaam. Hiermee worden alle verzoeken geblokkeerd die dit domein bevatten.
  2. Klik op Toevoegen en zorg ervoor dat het selectievakje Blokkering van netwerkverzoeken inschakelen is aangevinkt.

  3. Herlaad de pagina. In het paneel Netwerkverzoekblokkering wordt naast het patroon het aantal geblokkeerde verzoeken weergegeven.

Ten tweede kunt u netwerkverzoeken blokkeren vanuit het netwerkpaneel in DevTools.

  1. Klik in het paneel Netwerk onder de sectie Naam met de rechtermuisknop op een verzoek en selecteer URL van verzoek blokkeren of Domein van verzoek blokkeren . afbeelding
  2. Het paneel Netwerkverzoekblokkering wordt automatisch geopend en vermeldt het relevante patroon als geblokkeerd.
  3. Zorg ervoor dat het selectievakje Blokkering van netwerkverzoeken inschakelen is aangevinkt.
  4. Laad de pagina opnieuw om het aantal geblokkeerde verzoeken naast het bijbehorende patroon te zien.

Het aantal geblokkeerde verzoeken kan worden bijgewerkt naarmate er meer verzoeken worden ingediend. Als u de pagina vernieuwt, worden de cijfers opnieuw ingesteld.

Verwijder een blokkeringspatroon voor netwerkverzoeken

Om een ​​specifiek blokkeringspatroon voor netwerkverzoeken uit de lijst te verwijderen:

  • Beweeg in het paneel Netwerkverzoekblokkering over een patroon.
  • Klik op de knop Verwijderen Verwijderen .

Als u alle blokkeerpatronen voor netwerkverzoeken wilt verwijderen, klikt u in de activiteitenbalk op de knop Blokkeer alle blokkeerpatronen voor netwerken verwijderen .

Wijzig een aanvraagpatroon voor netwerkblokkering

Om een ​​patroon te wijzigen, klikt u in het paneel Netwerkverzoekblokkering op de knop Bewerken naast het patroon , bewerkt u het en klikt u op Opslaan .

Schakel het blokkeren van netwerkverzoeken in of uit

Met het selectievakje Blokkering van netwerkverzoeken inschakelen kunt u het blokkeren van netwerkverzoeken voor alle patronen tegelijk in- en uitschakelen.