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 si 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" à la fois et de les activer/désactiver à partir d'une liste. Vous pouvez également bloquer des domaines ou des URL de requête réseau depuis le panneau Réseau. Les formats correspondants apparaîtront dans le panneau Blocage des requêtes réseau.

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

  • Ajoutez ou supprimez des formats.
  • Modifiez les modèles.
  • Supprimez tous les formats.
  • Activez ou désactivez le blocage des requêtes réseau. Vous pouvez ensuite 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 ces 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. Ouvrez les outils de développement.
  2. Ouvrez le menu Commande en appuyant sur :
    • macOS: Commande+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 en bas de la fenêtre "Outils de développement".

Sinon, en haut à droite, 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 demandes correspondantes".

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

    • URL complète
    • Une URL partielle comportant un astérisque "*" pour la correspondance de format avec caractères génériques
    • Un nom de domaine. Cette opération bloque toutes les requêtes contenant ce domaine.
  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 affiche le nombre de requêtes bloquées à côté du format.

Vous pouvez également bloquer les requêtes réseau depuis le 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 schéma 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 effectuées. L'actualisation de la page réinitialise les chiffres.

Supprimer un schéma de blocage des requêtes réseau

Pour supprimer de la liste un schéma de blocage des requêtes réseau spécifique:

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

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

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 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 en même temps.