Utilisez le panneau Network (Réseau) pour analyser le chargement de la page et inspecter les ressources réseau.
Présentation
Le panneau Network (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
- Forcez les en-têtes pour 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 découvrir un tutoriel guidé sur certaines des fonctionnalités les plus utilisées du panneau Network (Réseau).
Ouvrir le panneau "Network" (Réseau)
Pour ouvrir le panneau Network (Réseau), ouvrez les outils pour les développeurs, puis cliquez sur Network (Réseau) dans la barre d'action en haut.
Pour ouvrir le panneau Network (Réseau) à partir du menu de commandes, procédez comme suit:
- Accédez aux outils de développement.
- Pour ouvrir le menu Command (Commande), appuyez sur:
- macOS: Command+Maj+P
- Windows, Linux et ChromeOS: Ctrl+Maj+P
- Commencez à saisir
Network, sélectionnez Afficher le panneau "Network" (Réseau), puis appuyez sur Entrée.
Enregistrer l'activité réseau
Lorsque vous ouvrez les outils pour les développeurs, les requêtes réseau sont automatiquement enregistrées dans le panneau Network (Réseau), tant que les outils pour les développeurs sont ouverts.
En plus d'enregistrer, vous pouvez effectuer les opérations suivantes:
- Arrêtez d'enregistrer les requêtes réseau.
- Effacer toutes les requêtes de la table Requêtes.
- Enregistrez les requêtes entre les 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 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 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 la chaîne de requête et données du formulaire d'une requête.
- Aperçu: rendu de base du code HTML.
- Réponse: code source HTML de la ressource sélectionnée.
- Initiateur: élément qui a déclenché 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 Network (Réseau) vous permet de trier les requêtes dans le tableau Requests (Requêtes) de deux manières:
Voici plusieurs façons de filtrer les requêtes dans le tableau Requêtes:
- Filtrer les requêtes par propriétés
- 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 requêtes 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 des en-têtes et des réponses réseau.
Modifier le comportement de chargement
Testez l'expérience utilisateur de votre page en modifiant le comportement de chargement dans le panneau Network (Réseau).
Le panneau Network (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 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: