search
Comment recueillir une trace du navigateur (fichiers .HAR) pour les tickets d’assistance

Last Updated:

Que sont les fichiers HAR ?

HAR, abréviation de HTTP Archive, est un format utilisé pour suivre les informations échangées entre un navigateur web et un site web. Un fichier HAR est principalement utilisé pour identifier les problèmes de performances, tels que les goulots d’étranglement, les temps de chargement longs et les problèmes d’affichage des pages. Le fichier HAR enregistre chaque ressource chargée par le navigateur ainsi que les informations de synchronisation associées à chaque ressource.

Comment capturer des fichiers HAR

  1. Dans Chrome, accédez à More Tools > Developer Tools, ou :
    • Windows : appuyez sur F12
    • Mac : appuyez sur Option + ⌘ + J
  2. Dans l’onglet Network, vérifiez que le bouton Record et l’option Preserve Log sont activés.
    • L’option Preserve Log permet de poursuivre la journalisation même si le même onglet/la même page est actualisé(e).
      Onglet Network des outils de développement Chrome : bouton Record et case Preserve log
    • Cliquez sur l’icône Filter et vérifiez que All est sélectionné
      Icône Filter et option All sélectionnée dans l’onglet Network
  3. Dans l’onglet Console, cliquez sur l’icône Gear et vérifiez que l’option Preserve Log est activée
    Paramètres de l’onglet Console (icône Gear) avec l’option Preserve log activée
  4. Sans ouvrir une nouvelle fenêtre ou un nouvel onglet, reproduisez le problème dans le même onglet. 
    • Les données ne seront pas collectées depuis un nouvel onglet ou une nouvelle page
    • Vous devrez peut-être réduire la taille de la fenêtre d’inspection. Pour ce faire, placez le curseur sur le bord supérieur de la fenêtre jusqu’à ce qu’il se transforme en flèche verticale Curseur de redimensionnement sur le bord supérieur de la fenêtre d’inspection, puis faites glisser la fenêtre d’inspection vers le bas pour afficher une plus grande partie de la page.
  5. Dans l’onglet Network :
    • Sous Windows, cliquez avec le bouton droit sur l’une des lignes de texte et sélectionnez « Save all as HAR with content »
      Menu contextuel de l’onglet Network : Save all as HAR with content
    • Sur Mac, cliquez sur l’icône « Export HAR » et enregistrez le fichier :
      Icône Export HAR dans la barre d’outils de l’onglet Network
  6. Dans l’onglet Console :
    • Sous Windows, cliquez avec le bouton droit sur l’une des lignes de texte et sélectionnez « Save As »
    • Sur Mac, appuyez sur CTRL + cliquez sur l’une des lignes de texte et sélectionnez « Save As »

      Menu contextuel de l’onglet Console : Save as…
  7. Compressez ces 2 fichiers dans une archive ZIP et envoyez le dossier compressé en pièce jointe de votre ticket d’assistance.

Que faire si je ne parviens pas à générer un fichier .HAR ?

Si vous ne parvenez pas à générer un fichier .HAR pour quelque raison que ce soit, veuillez fournir à l’équipe d’assistance de Beamery les informations clés suivantes afin de l’aider à identifier les problèmes système :

  1. Système d’exploitation
  2. Type de navigateur
  3. Version du navigateur