Résumé :

Ce document décrit la procédure d’utilisation des outils de développement web afin d’analyser les trames http envoyées depuis votre navigateur.
La disposition des outils diffère d’un navigateur à l’autre, c’est pourquoi nous vous illustrons dans ce document la procédure pour chacun des principaux navigateurs du marché : Chrome, FireFox et Edge.

Les exemples ci-dessous indiquent comment récupérer les traces har depuis un formulaire web survey consulté dans votre navigateur, mais la démarche reste identique pour n'importe quelle application web à partir de laquelle vous souhaitez récupérer les requêtes http générées.
 
Procédure pour Google Chrome
Ouvrir votre navigateur et aller sur le site à analyser
Exemple ci-dessous avec un formulaire survey :




IMPORTANT : Afin de vous garantir un maximum de confidentialité et faciliter l’opération d’analyse des trames réseau, votre navigateur ne doit comporter que l’onglet nécessaire. Tous les autres onglets du navigateur doivent être fermés.

Afficher les outils de développement web
Cliquez sur le bouton des options en haut à droite de la barre supérieure de votre navigateur
Sélectionnez l’option « Plus d’outils » dans le menu déroulant
Cliquez sur « Outils de développement web »

L’image ci-après vous illustre ces étapes :



Une fois cette opération réalisée, un panneau latéral apparaît dans votre navigateur comme illustré ci-après.





Enregistrer les trames réseau
Cliquez sur le bouton « nettoyer » afin de supprimer d’éventuelles informations présentes dans le panneau d’analyse.
Remplissez le formulaire (ou déroulez l'action souhaitée depuis votre application web) et envoyez les réponses.

A ce moment, vous verrez apparaître des informations dans le panneau latéral comme illustré ci-après.



Cliquez sur le bouton « exporter en HAR… » puis enregistrez le fichier d’analyse « .har » sur votre poste.

Envoyer le fichier d’analyse
Envoyez le fichier « har » pour analyse selon les modalités qui vous auront été indiquées. 


Procédure pour Mozilla FireFox
Ouvrir votre navigateur sur le formulaire de saisie
Ouvrez votre navigateur sur la page de saisie du formulaire Survey123 (ou de votre site web) comme illustré ci-dessous :



IMPORTANT : Afin de vous garantir un maximum de confidentialité et nous faciliter l’opération d’analyse des trames réseaux, votre navigateur ne doit comporter que l’onglet nécessaire à la saisie du formulaire Survey123. Tous les autres onglets du navigateur devront être fermés.

Afficher les outils de développement web
Cliquez sur le bouton des options en haut à droite de la barre supérieure de votre navigateur puis sélectionnez l’option « Outils supplémentaires» dans le menu déroulant comme illustré ci-après.



Cliquez sur « Outils de développement web » dans le menu qui apparaît.



Une fois cette opération réalisée, un panneau latéral apparaît dans votre navigateur.



Enregistrer les trames réseau
Cliquez sur le bouton « nettoyer » afin de supprimer d’éventuelles informations présentes dans le panneau d’analyse.


Remplissez votre formulaire et envoyez les réponses.
A ce moment, vous verrez apparaître des informations dans le panneau latéral comme illustré ci-après.



Cliquez sur le bouton « Tout enregistrer en HAR… »



Enregistrez le fichier d’analyse « .har » sur votre poste.



Envoyer le fichier d’analyse
Envoyez le fichier « har » pour analyse selon les modalités qui vous auront été indiquées.

 
Procédure pour Microsoft Edge

Ouvrir votre navigateur sur le formulaire de saisie
Ouvrez votre navigateur sur la page de saisie du formulaire Survey123 (ou de votre site web) comme illustré ci-dessous :



IMPORTANT : Afin de vous garantir un maximum de confidentialité et nous faciliter l’opération d’analyse des trames réseau, votre navigateur ne doit comporter que l’onglet nécessaire à la saisie du formulaire Survey123. Tous les autres onglets du navigateur doivent être fermés.

Afficher les outils de développement web
Cliquez sur le bouton des options en haut à droite de la barre supérieur de votre navigateur
Sélectionnez l’option « Plus d’outils » dans le menu déroulant
Cliquez sur « Outils de développement web »

L’image ci-après vous illustre ces étapes.



Une fois cette opération réalisée, un panneau latéral apparaît dans votre navigateur comme illustré ci-après.



Enregistrer les trames réseau
Cliquez sur le bouton « Effacer » afin de supprimer d’éventuelles informations présentes dans le panneau d’analyse.



Remplissez le formulaire et envoyez les réponses. A ce moment, vous verrez apparaître des informations dans le panneau latéral comme illustré ci-après.



Cliquez sur le bouton « exporter en HAR… » puis enregistrez le fichier d’analyse « .har » sur votre poste.

Mis à jour le : 29/11/2022