Utilisez le panneau Blocage des requêtes réseau pour tester le comportement de votre page si le chargement de certaines ressources, telles que des images ou des feuilles de style, est empêché.
Présentation
Le panneau Blocage des requêtes réseau vous permet de bloquer plusieurs ressources ou "modèles" en même temps et de les activer ou les désactiver à partir d'une liste. Vous pouvez également bloquer des domaines ou des URL de requêtes réseau depuis le panneau Network (Réseau). Les formats correspondants s'afficheront dans le panneau Network request blocking (Blocage des requêtes réseau).
Le panneau Blocage de requête réseau vous permet:
- Ajouter ou supprimer des modèles
- Modifier les modèles
- Supprimez tous les formats.
- Activez ou désactivez le blocage des requêtes réseau. Une fois activé, vous pouvez activer ou désactiver le blocage pour un modèle spécifique.
Fermer les outils de développement désactive le blocage des requêtes réseau. Vous devez ouvrir le panneau et réactiver le blocage. Toutefois, les outils de développement enregistrent les modèles même après la fermeture du navigateur.
Ouvrir le panneau "Blocage des requêtes réseau"
Pour ouvrir le panneau Blocage de requête réseau:
- Accédez aux outils de développement.
- Ouvrez le menu Command (Commande) en appuyant sur :
- macOS: Command+Maj+P
- Windows, Linux et ChromeOS: Ctrl+Maj+P
- Commencez à saisir
Network request blocking, sélectionnez Afficher le blocage des requêtes réseau, puis appuyez sur Entrée. DevTools affiche le panneau Blocage des requêtes réseau en bas de la fenêtre DevTools.
Vous pouvez également sélectionner Plus d'options > Plus d'outils > Blocage des requêtes réseau en haut à droite.
Bloquer une requête réseau
Vous pouvez bloquer une requête réseau de deux manières. Premièrement,
Dans le panneau Blocage des requêtes réseau, cliquez sur Ajouter un schéma. Une zone de saisie s'affiche et vous invite à saisir un "Motif de texte pour bloquer les requêtes avec correspondance".
Vous pouvez saisir l'un des éléments suivants:
- URL complète.
- URL partielle avec un astérisque "
*" pour la correspondance de modèle avec caractère générique. - Un nom de domaine. Cela bloque toutes les requêtes contenant ce domaine.
Cliquez sur Ajouter et assurez-vous que la case Activer le blocage des requêtes réseau est cochée.
Actualisez la page. Le panneau Blocage des requêtes réseau affiche le nombre de requêtes bloquées à côté du schéma.
Deuxièmement, vous pouvez bloquer les requêtes réseau à partir du panneau Network (Réseau) dans DevTools.
- Dans le panneau Network (Réseau), sous la section Name (Nom), effectuez un clic droit sur une requête, puis sélectionnez Block request URL (Bloquer l'URL de la requête) ou Block request domain (Bloquer le domaine de la requête).
- Le panneau Blocage de requête réseau s'ouvre automatiquement et indique que le modèle concerné est bloqué.
- Assurez-vous que la case Activer le blocage des requêtes réseau est cochée.
- Actualisez la page pour afficher le nombre de requêtes bloquées à côté du modèle correspondant.
Le nombre de requêtes bloquées peut être mis à jour à mesure que de nouvelles requêtes sont envoyées. Actualiser la page réinitialise les nombres.
Supprimer un schéma de blocage des requêtes réseau
Pour supprimer un schéma de blocage des requêtes réseau spécifique de la liste:
- Dans le panneau Blocage de requêtes réseau, pointez sur un schéma.
- Cliquez sur le bouton Supprimer.
Pour supprimer tous les schémas de blocage des requêtes réseau, dans la barre d'activité, cliquez sur le bouton Supprimer tous les schémas de blocage réseau.
Modifier un schéma de requête de blocage réseau
Pour modifier un schéma, dans le panneau Blocage des requêtes réseau, cliquez sur le bouton Modifier à côté du schéma, modifiez-le, puis cliquez sur Enregistrer.
Activer/Désactiver le blocage des requêtes réseau
La case Activer le blocage des requêtes réseau vous permet d'activer et de désactiver le blocage des requêtes réseau pour tous les schémas en même temps.