Requêtes réseau: tester votre site en bloquant les requêtes réseau

Dale St. Marthe
Dale St. Marthe

Utilisez le panneau Blocage des requêtes réseau pour tester le comportement de votre page lorsque le chargement de certaines ressources, telles que les images ou les feuilles de style, est bloqué.

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/désactiver à partir d'une liste. Vous pouvez également bloquer les URL ou les domaines de requête réseau à partir du panneau Réseau. Les formats respectifs s'affichent dans le panneau Blocage des requêtes réseau.

Le panneau Blocage des requêtes réseau permet d'effectuer les opérations suivantes:

  • Ajoutez ou supprimez des motifs.
  • Modifier les modèles.
  • Supprimez tous les formats.
  • Activez ou désactivez le blocage des requêtes réseau. Une fois cette option activée, vous pouvez activer ou désactiver le blocage pour un schéma individuel.

La fermeture des 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 formats même après la fermeture du navigateur.

Ouvrir le panneau de blocage des requêtes réseau

Pour ouvrir le panneau Blocage des requêtes réseau:

  1. Accédez aux outils de développement.
  2. Ouvrez le menu Commande en appuyant sur les touches suivantes :
    • macOS: Cmd+Maj+P
    • Windows, Linux, ChromeOS: Ctrl+Maj+P Menu de commandes avec
  3. Commencez à saisir Network request blocking, sélectionnez Afficher le blocage des requêtes réseau, puis appuyez sur Entrée. Les outils de développement affichent le panneau Blocage des requêtes réseau au bas de la fenêtre.

Sinon, dans l'angle supérieur droit, sélectionnez more_vert Plus d'options > Plus d'outils > Blocage des requêtes réseau.

Bloquer une requête réseau

Il existe deux façons de bloquer une requête réseau. Premièrement,

  1. Dans le panneau Blocage des requêtes réseau, cliquez sur ajouter Ajouter un format. Une zone de saisie s'affiche, vous invitant à saisir un format de texte pour bloquer les requêtes correspondantes.

    Vous pouvez saisir l'un des éléments suivants:

    • URL complète.
    • URL partielle contenant un astérisque "*" pour la correspondance avec des caractères génériques.
    • Un nom de domaine. Toutes les requêtes contenant ce domaine sont alors bloquées.
  2. Cliquez sur Ajouter et assurez-vous que la case Activer le blocage des requêtes réseau est cochée.

  3. Actualisez la page. Le panneau Blocage des requêtes réseau indique le nombre de requêtes bloquées à côté du format.

Vous pouvez également bloquer des requêtes réseau à partir du panneau Network (Réseau) des outils de développement.

  1. 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). Image
  2. Le panneau Blocage des requêtes réseau s'ouvre automatiquement et indique que le format concerné est bloqué.
  3. Assurez-vous que la case Activer le blocage des requêtes réseau est cochée.
  4. Actualisez la page pour afficher le nombre de requêtes bloquées à côté du format correspondant.

Le nombre de requêtes bloquées peut être mis à jour à mesure que d'autres requêtes sont envoyées. Actualisez la page pour réinitialiser les chiffres.

Supprimer un schéma de blocage de requête réseau

Pour supprimer un modèle de blocage de requête réseau spécifique de la liste:

  • Dans le panneau Blocage des requêtes réseau, pointez sur un format.
  • Cliquez sur le bouton supprimer Supprimer.

Pour supprimer tous les formats de blocage des requêtes réseau, cliquez sur le bouton bloquer Supprimer tous les formats de blocage de réseau dans la barre des activités.

Modifier un schéma de requête de blocage de réseau

Pour modifier un format, dans le panneau Blocage des requêtes réseau, cliquez sur le bouton Modifier Modifier à côté du format, modifiez-le, puis cliquez sur Enregistrer.

Activer/Désactiver le blocage des requêtes réseau

La case à cocher check_box 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 formats à la fois.