Tool zum Blockieren von Netzwerkanforderungen

Verwenden Sie das Tool zum Blockieren von Netzwerkanforderungen , um zu überprüfen, wie eine Webseite aussieht und sich verhält, wenn einige Ressourcen nicht verfügbar sind, z. B. Bilddateien, JavaScript-Dateien, Schriftarten oder CSS-Stylesheets. Verwenden Sie dieses Tool, um blockierende Netzwerkanforderungen an ein angegebenes URL-Muster zu testen und zu sehen, wie sich eine Webseite verhält.

Wenn eine Webseite von externen Ressourcen abhängt, die auf anderen Servern als der HTML-Webseite gehostet werden, reagieren diese Server manchmal möglicherweise nicht oder sind für einige Benutzer nicht verfügbar. In diesem Fall werden einige Ressourcen, von denen Ihre Webseite abhängt, möglicherweise nicht vom Webbrowser abgerufen. Es ist wichtig zu überprüfen, wie sich Ihre Webseite verhält, wenn externe Ressourcen nicht geladen werden können. Testen Sie, ob die Webseite fehlende Ressourcen ordnungsgemäß behandelt oder ihren Benutzern als fehlerhaft erscheint.

Nachdem Sie blockierte Netzwerkanforderungen erstellt und die Webseite getestet haben, können Sie die blockierten Netzwerkanforderungen bearbeiten oder löschen.

Blockieren einer Netzwerkanforderung

So blockieren Sie eine Netzwerkanforderung:

1. Navigieren Sie zu der Webseite, für die Sie Netzwerkanforderungen blockieren möchten. Öffnen Sie beispielsweise die Demoseite für Barrierefreiheitstests in einer neuen Registerkarte oder in einem neuen Fenster. Diese Webseite enthält Bilder, die Sie mit dem Tool zum Blockieren von Netzwerkanforderungen blockieren.

2. Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS).

3. Klicken Sie in DevTools auf der Aktivitätsleiste auf die Registerkarte Netzwerkanforderungsblockierung . Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Tools ().

4. Klicken Sie auf die Schaltfläche Muster hinzufügen (). Das Kontrollkästchen Netzwerkanforderungsblockierung aktivieren ist automatisch aktiviert.

5. Geben Sie im Textfeld Textmuster zum Blockieren übereinstimmende Anforderungen*.jpgein. Dadurch werden alle Anforderungen für JPEG-Bilder blockiert.

   Sie können eine der folgenden Aktionen ausführen:

   • Geben Sie die vollständige URL ein.
   • Geben Sie nur den Domänennamen ein, um alle Anforderungen von dieser Domäne zu blockieren.
   • Ersetzen Sie Teile der URL durch *, um den Abgleich von Wildcardmustern zu erhalten.

   Entspricht z. B contoso.com . URLs wie:

   • https://contoso.com
   • https://subdomain.contoso.com
   • https://subdomain.contoso.com/path/to/resource

   Und *.jpg gleicht URLs wie die folgenden ab:

   • https://www.contoso.com/resource.jpg
   • http://third-party.com/6469272/163348534-b90ea1a3-c33cbeb1aed8.jpg

6. Klicken Sie auf die Schaltfläche Hinzufügen :

   

7. Aktualisieren Sie die Seite. Alle JPEG-Bilder werden blockiert, sodass auf der gerenderten Webseite jedes Bild durch ein Symbol "Beschädigtes Bild" als fehlend gekennzeichnet wird. Die Anzahl der blockierten Netzwerkanforderungen wird im Tool zum Blockieren von Netzwerkanforderungen angegeben:

   

Löschen einer blockierten Netzwerkanforderung

So löschen Sie ein bestimmtes Anforderungsmuster für die Netzwerkblockierung:

• Zeigen Sie in der Tabelle Netzwerkanforderungsblockierung mit dem Mauszeiger auf ein Anforderungsmuster für die Netzwerkblockierung, und klicken Sie dann auf die Schaltfläche Entfernen ():

  

So löschen Sie alle Anforderungen zur Netzwerkblockierung auf einmal:

• Klicken Sie auf der Symbolleiste auf die Schaltfläche Alle Muster entfernen (").

Ändern einer blockierten Netzwerkanforderung

So ändern Sie eine vorhandene blockierte Netzwerkanforderung:

• Zeigen Sie in der Blockierungstabelle Netzwerkanforderung auf eine blockierte Netzwerkanforderung, und klicken Sie dann auf Bearbeiten ():

  

Netzwerkanforderungsblockierung umschalten

So schalten Sie die Blockierung von Netzwerkanforderungen um, ohne alle blockierten Netzwerkanforderungen löschen und neu erstellen zu müssen:

• Aktivieren oder deaktivieren Sie auf der Symbolleiste das Kontrollkästchen Blockierung von Netzwerkanforderungen aktivieren :

  

Blockieren einer Netzwerkanforderung mit dem Netzwerktool

Sie können Netzwerkanforderungen, die von Ihrer Webseite vorgenommen werden, blockieren, indem Sie entweder das Tool zum Blockieren von Netzwerkanforderungen oder das Netzwerktool verwenden.

So blockieren Sie Netzwerkanforderungen mit dem Netzwerktool

1. Navigieren Sie zu der Webseite, für die Sie Netzwerkanforderungen blockieren möchten. Öffnen Sie beispielsweise die Demoseite für Barrierefreiheitstests in einer neuen Registerkarte oder in einem neuen Fenster.

2. Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS). DevTools wird geöffnet.

3. Klicken Sie in DevTools auf der Aktivitätsleiste auf die Registerkarte Netzwerk . Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Tools ().

4. Suchen Sie in der Tabelle der Netzwerkanforderungen im unteren Bereich die Netzwerkanforderung, die Sie blockieren möchten.

5. Klicken Sie mit der rechten Maustaste auf die Netzwerkanforderung, und klicken Sie dann auf Anforderungs-URL blockieren , um diese bestimmte Ressource zu blockieren, oder auf Anforderungsdomäne blockieren , um alle Ressourcen aus derselben Domäne zu blockieren: