Utilisez le panneau Réseau pour analyser le chargement de la page et inspecter les ressources réseau.
Présentation
Le panneau Network (Réseau) vous permet d'effectuer les opérations suivantes:
- Enregistrer l'activité réseau
- Inspecter les requêtes réseau
- Filtrer et trier les requêtes réseau
- En-têtes et réponses pour le réseau de recherche
- Modifier le comportement de chargement
- Bloquer les requêtes réseau
- Modifier les conditions du réseau
- Déboguer les règles de spéculation
prefetch - Remplacer les en-têtes de réponse HTTP
- Remplacez les en-têtes de plusieurs URL à l'aide de caractères génériques.
- Enregistrer et exporter les données de requête réseau
Consultez le tutoriel Inspecter l'activité réseau pour découvrir certaines des fonctionnalités du panneau Réseau les plus couramment utilisées.
Ouvrir le panneau "Network" (Réseau)
Pour ouvrir le panneau Network (Réseau), ouvrez les outils de développement, puis cliquez sur Network (Réseau) dans la barre d'action en haut de la page.
Vous pouvez également ouvrir le panneau Network (Réseau) à partir du menu "Command" (Commandes) en procédant comme suit:
- Ouvrez les outils de développement.
- Ouvrez le menu Commande en appuyant sur:
- macOS: Commande+Maj+P
- Windows, Linux, ChromeOS: Ctrl+Maj+P
- Commencez à saisir
Network, sélectionnez Afficher le panneau "Réseau", puis appuyez sur Entrée.
Enregistrer l'activité réseau
Lorsque vous ouvrez les outils de développement, les requêtes réseau sont automatiquement enregistrées dans le panneau Network (Réseau), tant qu'ils sont ouverts.
En plus de l'enregistrement, vous pouvez effectuer les opérations suivantes:
- Arrêtez l'enregistrement des requêtes réseau.
- Effacer toutes les requêtes du tableau Requêtes.
- Enregistrez les requêtes pour tous les chargements de page.
- Émulez une expérience hors connexion.
- Simulez des connexions réseau plus lentes.
Inspecter les requêtes réseau
Toutes les requêtes réseau sont consignées dans la table Requests (Requêtes) au centre du panneau.
Pour en savoir plus sur les colonnes affichées par défaut et sur les colonnes supplémentaires que vous pouvez ajouter, consultez Afficher un journal des requêtes.
Cliquez sur le nom d'une demande pour afficher des onglets contenant des informations supplémentaires sur la demande, y compris les suivantes:
- En-têtes: en-têtes HTTP de la ressource sélectionnée.
- Charge utile: paramètres de chaîne de requête et données de formulaire d'une requête.
- Aperçu: affichage de base du code HTML.
- Réponse: le code source HTML de la ressource sélectionnée.
- Initiator: cause de la demande d'une ressource.
- Durée: détail de l'activité réseau pour la ressource sélectionnée.
- Cookies: les cookies d'une requête et de sa réponse.
Filtrer et trier les requêtes réseau
Le panneau Network (Réseau) vous permet de trier les requêtes dans la table Requests (Requêtes) de deux façons:
Il existe plusieurs façons de filtrer les requêtes dans la table Requêtes:
- Filtrer les demandes par propriété
- Filtrer les requêtes par type
- Filtrer les requêtes par heure
- Masquer les URL de données
- Masquer les URL des extensions
- Afficher uniquement les requêtes dont les cookies de réponse ont été bloqués
- Afficher uniquement les requêtes bloquées
- Afficher uniquement les demandes tierces
En-têtes et réponses pour le réseau de recherche
Pour savoir comment rechercher une chaîne ou une expression régulière dans les en-têtes HTTP et les réponses de toutes les ressources, consultez Rechercher des en-têtes et des réponses du réseau.
Modifier le comportement de chargement
Testez l'expérience utilisateur de votre page en modifiant le comportement de chargement dans le panneau Réseau.
À l'aide du panneau Network (Réseau), vous pouvez effectuer les opérations suivantes:
- Émuler les nouveaux visiteurs en désactivant le cache du navigateur
- Vider manuellement le cache du navigateur
- Effacer manuellement les cookies du navigateur
- Émuler hors connexion
- Simuler une connexion réseau lente
- Remplacer les en-têtes de réponse HTTP
- Remplacer le user-agent
Enregistrer et exporter les données de requête réseau
Pour enregistrer et exporter les données de requête réseau, consultez les pages suivantes: