Vue d'ensemble
Les données HAR sont un outil inestimable en matière de dépannage de sites web et de problèmes de connectivité des pages web. Elles fournissent des informations précieuses sur les connexions entre un navigateur web et un serveur, offrant des informations cruciales qui aident à identifier les causes profondes potentielles.
Cet article fournit un aperçu sur comment capturer des données HAR dans les navigateurs les plus couramment utilisés.
Environnement
Instructions
Dans cette section, nous allons vous montrer comment capturer les données HAR sur certains des navigateurs les plus couramment utilisés sous Windows et Mac.
Google Chrome :
-
Ouvrez Google Chrome sur votre ordinateur.
-
Allez à la page web ou au site web pour lequel vous souhaitez capturer les données HAR.
-
Cliquez avec le bouton droit n'importe où sur la page et sélectionnez "Inspecter" dans le menu contextuel. Alternativement, vous pouvez utiliser le raccourci clavier Ctrl + Shift + I (ou Command + Option + I sur un Mac).
-
Cela ouvrira le panneau des outils de développement de Chrome. Assurez-vous d'être dans l'onglet "Network" dans les outils de développement.
-
Cliquez sur le bouton "Enregistrer" (un petit cercle) dans le coin supérieur gauche du panneau des outils de développement. Il devrait devenir rouge pour indiquer que les requêtes réseau sont en cours d'enregistrement.
-
Interagissez avec la page web, effectuant des actions ou reproduisant le problème de connectivité que vous souhaitez capturer.
-
Une fois que vous avez reproduit le problème ou recueilli les données souhaitées, cliquez sur le bouton "Arrêter" (un petit carré) dans le panneau des outils de développement. Cela arrêtera l'enregistrement de l'activité réseau.
-
Vous pouvez maintenant explorer les requêtes réseau capturées et les données dans l'onglet Network. Vous pouvez filtrer, trier et analyser les requêtes selon vos besoins.
-
Pour enregistrer les données capturées sous forme de fichier HAR, cliquez sur le bouton de téléchargement (Exporter HAR) dans la barre d'outils. Choisissez un emplacement approprié pour enregistrer le fichier HAR et donnez-lui un nom approprié.
Mozilla Firefox :
-
Ouvrez Mozilla Firefox sur votre ordinateur.
-
Allez à la page web ou au site web pour lequel vous souhaitez capturer les données HAR.
-
Cliquez avec le bouton droit n'importe où sur la page et sélectionnez "Inspecter l'élément" dans le menu contextuel. Alternativement, vous pouvez utiliser le raccourci clavier Ctrl + Shift + I (ou Command + Option + I sur un Mac).
-
Cela ouvrira le panneau des outils de développement de Firefox. Assurez-vous d'être dans l'onglet "Network" dans les outils de développement.
-
L'enregistrement devrait commencer automatiquement.
-
Interagissez avec la page web, effectuant des actions ou reproduisant le problème de connectivité que vous souhaitez capturer.
-
Une fois que vous avez reproduit le problème ou recueilli les données souhaitées, pour enregistrer les données capturées sous forme de fichier HAR, cliquez avec le bouton droit n'importe où dans l'onglet Network et sélectionnez "Enregistrer tout sous HAR". Choisissez un emplacement approprié pour enregistrer le fichier HAR et donnez-lui un nom approprié.
Microsoft Edge :
-
Ouvrez Microsoft Edge sur votre ordinateur.
-
Allez à la page web ou au site web pour lequel vous souhaitez capturer les données HAR.
-
Cliquez avec le bouton droit n'importe où sur la page et sélectionnez "Inspecter" dans le menu contextuel. Alternativement, vous pouvez utiliser le raccourci clavier Ctrl + Shift + I (ou Command + Option + I sur un Mac).
-
Cela ouvrira le panneau des outils de développement de Microsoft Edge. Assurez-vous d'être dans l'onglet "Network" dans les outils de développement.
-
Cliquez sur le bouton "Enregistrer" (un petit cercle) dans le coin supérieur gauche du panneau des outils de développement. Il devrait devenir rouge pour indiquer que les requêtes réseau sont en cours d'enregistrement.
-
Interagissez avec la page web, effectuant des actions ou reproduisant le problème de connectivité que vous souhaitez capturer.
-
Une fois que vous avez reproduit le problème ou recueilli les données souhaitées, cliquez sur le bouton "Arrêter" (un petit carré) dans le panneau des outils de développement. Cela arrêtera l'enregistrement de l'activité réseau.
-
Vous pouvez maintenant explorer les requêtes réseau capturées et les données dans l'onglet Network. Vous pouvez filtrer, trier et analyser les requêtes selon vos besoins.
-
Pour enregistrer les données capturées sous forme de fichier HAR, cliquez avec le bouton droit n'importe où dans l'onglet Network, survolez l'option Copier et sélectionnez "Copier tout comme HAR (avec données sensibles)". Choisissez un emplacement approprié pour enregistrer le fichier HAR et donnez-lui un nom approprié.
Apple Safari :
-
Ouvrez Safari sur votre ordinateur Mac.
-
Allez à la page web ou au site web pour lequel vous souhaitez capturer les données HAR.
-
Activez le menu Développement dans Safari s'il n'est pas déjà visible. Pour ce faire, allez dans Safari > Paramètres. In the Settings window, click on the "Advanced" tab, and then check the box that says "Show Develop menu in the menu bar."
-
Once the Develop menu is enabled, go to the Develop menu in the menu bar and select "Show Web Inspector."
-
Cela ouvrira le panneau d'inspecteur Web de Safari. Assurez-vous d'être dans l'onglet "Network" dans l'inspecteur Web.
- Interagissez avec la page web, effectuant des actions ou reproduisant le problème de connectivité que vous souhaitez capturer.
- Vous pouvez maintenant explorer les requêtes réseau capturées et les données dans l'onglet Network. Vous pouvez filtrer, trier et analyser les requêtes selon vos besoins.
-
Pour enregistrer les données capturées sous forme de fichier HAR, cliquez avec le bouton droit n'importe où sous la colonne Nom et sélectionnez "Exporter HAR". Choisissez un emplacement approprié pour enregistrer le fichier HAR et donnez-lui un nom approprié.
0 commentaire
Vous devez vous connecter pour laisser un commentaire.