Utilisez le panneau Réseau pour analyser le chargement de la page et inspecter les ressources réseau.
Présentation
Le panneau Réseau vous permet de :
- 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 du 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 des requêtes réseau
Consultez Inspecter l'activité réseau pour un tutoriel guidé explorant certaines des fonctionnalités les plus courantes du panneau Réseau.
Ouvrir le panneau "Réseau"
Pour ouvrir le panneau Réseau, ouvrez les outils pour les développeurs, puis cliquez sur Réseau dans la barre d'action en haut de l'écran.
Vous pouvez également ouvrir le panneau Réseau à l'aide du menu de commandes en procédant comme suit :
- Ouvrez les outils pour les développeurs.
- Ouvrez le menu Command (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 Réseau, tant que les outils de développement sont ouverts.
En plus d'enregistrer, vous pouvez effectuer les opérations suivantes :
- Arrêtez d'enregistrer les requêtes réseau.
- Effacez toutes les demandes du tableau Demandes.
- Enregistrez les demandes lors des chargements de page.
- Émuler 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 le tableau Requests (Requêtes) au centre du panneau.
Pour en savoir plus sur les colonnes affichées par défaut et celles que vous pouvez ajouter, consultez Afficher un journal des demandes.
Cliquez sur le nom d'une demande pour afficher des onglets contenant des informations supplémentaires, y compris les suivantes :
- En-têtes : en-têtes HTTP de la ressource sélectionnée.
- Charge utile : paramètres de la chaîne de requête et données de formulaire d'une requête.
- Aperçu : rendu de base du code HTML.
- Réponse : code source HTML de la ressource sélectionnée.
- Initiator (Initiateur) : ce qui a entraîné la demande d'une ressource.
- Timing : répartition de l'activité réseau pour la ressource sélectionnée.
- Cookies : cookies d'une requête et de sa réponse.
Filtrer et trier les requêtes réseau
Le panneau Réseau vous permet de trier les requêtes du tableau Requêtes de deux manières :
Voici plusieurs façons de filtrer les requêtes dans le tableau Requêtes :
- Filtrer les demandes par propriétés
- Filtrer les demandes par type
- Filtrer les demandes par période
- 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
Rechercher des en-têtes et des réponses réseau
Pour savoir comment rechercher une chaîne ou une expression régulière dans les en-têtes et les réponses HTTP de toutes les ressources, consultez Rechercher dans les en-têtes et les 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.
Le panneau Réseau vous permet d'effectuer les opérations suivantes :
- Émuler un nouveau visiteur en désactivant le cache du navigateur
- Vider manuellement le cache du navigateur
- Supprimer manuellement les cookies du navigateur
- Émuler le mode hors connexion
- Simuler une connexion réseau lente
- Remplacer les en-têtes de réponse HTTP
- Remplacer l'user-agent
Enregistrer et exporter les données des requêtes réseau
Pour enregistrer et exporter les données des requêtes réseau, consultez les ressources suivantes :