Geekflare est soutenu par notre public. Nous pouvons gagner des commissions d'affiliation en achetant des liens sur ce site.
Partager sur:

Comment créer un fichier HAR à partir de Google Chrome, Firefox et l'analyser ?

Analyse de fichiers HAR
Scanner de sécurité des applications Web Invicti – la seule solution qui offre une vérification automatique des vulnérabilités avec Proof-Based Scanning™.

Un fichier HAR est couramment utilisé pour résoudre les problèmes de réseau ou de performances, y compris les temps de chargement de page médiocres et les délais d'attente lors de l'exécution de tâches particulières sur un site Web.

L'équipe d'assistance de toute entreprise ou site Web utilise ce fichier HAR pour identifier et résoudre les problèmes de performances tels que les temps de chargement plus longs ou lents, les problèmes de rendu des pages et les codes d'erreur pouvant survenir en raison de ces problèmes.

Qu'est-ce qu'un fichier HAR?

Un format d'archive HTTP, également connu sous le nom de fichier HAR, est un fichier d'archive au format JSON qui comprend votre activité réseau la plus récente enregistrée par votre navigateur Web. Il suit toutes les interactions, telles que les requêtes Web et les réponses entre un navigateur Web et un site Web.

harceler

Le fichier HAR enregistre chaque ressource chargée par le navigateur, ainsi que le temps qu'il a fallu pour charger chaque ressource. Ces fichiers contiennent des journaux en texte brut des connexions client-serveur HTTP.

.har est l'extension de ces fichiers d'archive.

Pourquoi générer un fichier HAR ?

L'entreprise ou l'équipe d'assistance commerciale peut demander l'analyse du fichier HAR lorsque l'utilisateur crée un ticket pour résoudre les problèmes.

Les fichiers HAR fournissent un large éventail d'informations sur les requêtes et les réponses client-serveur HTTP qui facilitent le débogage, telles que les paramètres du navigateur et les cookies, le temps passé à obtenir des données de réponse, le temps nécessaire pour charger une image particulière sur le site Web. , le temps qu'il a fallu pour établir une connexion au serveur et le temps qu'il a fallu pour envoyer une demande et recevoir une réponse.

Aperçu du processus

  • Accédez d'abord à la page Web sur laquelle vous rencontrez des problèmes et commencez à enregistrer toutes les demandes et interactions Web.
  • Recréez le problème en répétant les étapes.
  • Terminez la capture et enregistrez le fichier HAR.
  • Analysez le fichier HAR par vous-même ou envoyez le fichier à l'équipe d'assistance pour résoudre les problèmes de performances et de rendu des pages.

Comment générer un fichier HAR dans différents navigateurs ?

La génération de fichiers HAR pour capturer une session HTTP varie d'un navigateur à l'autre.

Chrome

L'onglet Réseau des outils de développement de tous les navigateurs peut être utilisé pour enregistrer une session HTTP.

  • Dans Chrome, accédez à la page où vous rencontrez un problème.
  • Les outils de développement sont accessibles via le menu (Menu > Plus d'outils > Outils de développement). Dans ce Sélectionnez l'onglet Réseau dans le panneau nouvellement ouvert.
  • Dans l'onglet Réseau, assurez-vous que le bouton rond dans le coin supérieur gauche est en rouge. S'il est gris, double-cliquez dessus pour commencer à enregistrer les interactions.
  • Activez le journal de conservation pour enregistrer toutes les demandes et réponses Web.
  • Pour exporter le fichier HAR, cliquez sur le bouton fléché vers le bas dans l'onglet réseau lui-même.
  • Enregistrez le fichier HAR sur votre ordinateur.
Fichier Har dans Chrome

Firefox

  • En haut à droite de la fenêtre de votre navigateur, cliquez sur le menu Firefox (trois lignes horizontales parallèles).
  • Sélectionnez Plus d'outils > Développeur Web > Réseau dans le menu déroulant.
  • Cliquez sur le bouton des paramètres et activez l'option de persistance des journaux.
  • Pendant que la capture est en cours, actualisez la page et répétez le problème.
  • Cliquez avec le bouton droit sur n'importe quelle ligne du panneau d'activité et sélectionnez Enregistrer tout en tant que HAR si vous avez réussi à répliquer le problème.
  • Enfin, si le fichier journal de la console est également requis pour le dépannage, accédez à l'onglet Console et sélectionnez tout en cliquant avec le bouton droit sur n'importe quelle ligne et collez le contenu dans un fichier texte et partagez-le avec le centre de support.

Microsoft Edge

  • Sélectionnez Plus d'outils > Outils de développement en cliquant sur … (l'icône à trois points) dans le coin supérieur droit.
  • Accédez à l'onglet réseau et démarrez une session de profilage.
  • Visitez la page Web et suivez les instructions pour résoudre le problème.
  • Et enfin enregistrez le fichier HAR en sélectionnant « Export as HAR »

Internet Explorer

  • Ouvrez l'explorateur internet et allez sur la page où vous rencontrez des problèmes
  • cliquez sur le symbole d'engrenage dans le coin supérieur droit.
  • Accédez à (Outils de développement> Onglet Réseau)
  • Pendant que la capture est en cours, actualisez la page et reproduisez le problème.
  • Cliquez sur l'icône "Exporter en tant que HAR" (forme de disquette) après avoir reproduit le problème avec succès.

Outil de surveillance HTTP

Pour Google Chrome, Internet Explorer et Microsoft Edge, vous pouvez également utiliser HTTPWatch (renifleur HTTP intégré au navigateur) pour capturer les requêtes et les réponses Web.

  • Téléchargez et installez le Outil HTTPwatch d'abord.
  • Démarrez la capture HTTPwatch et chargez la page où vous rencontrez des problèmes et arrêtez la capture dès que vous avez reproduit le problème.
  • Et aux capturer devrait be sauvé in HAR le format.

Sites Web pour analyser les fichiers HAR

Ces outils sont simples et efficaces pour visualiser et analyser le fichier HAR (journaux de communication HTTP client-serveur).

  • Analyseur Google HAR – Choisissez un fichier en cliquant sur le bouton « Choisir un fichier » et sélectionnez le fichier HAR que vous souhaitez examiner. L'écran d'analyse s'affiche automatiquement après avoir choisi le fichier. Le filtrage par code d'état HTTP est disponible.
  • Softwareishard.com - Un outil d'application Web gratuit qui affiche un graphique en cascade de toutes les demandes et vous permet de creuser jusqu'à une demande spécifique. Appuyez sur le bouton Aperçu après avoir inséré le journal HAR dans la zone de texte ci-dessous. Vous pouvez également faire glisser et déposer les fichiers har n'importe où sur la page pour commencer à analyser le fichier.
  • Site24x7 - Il s'agit également d'un outil de site Web gratuit pour visualiser le fichier HTTP Archive. Parcourez le fichier ou collez son contenu dans la zone de saisie.

Conclusion

Si vous ouvrez un fichier HAR dans un éditeur de texte, vous remarquerez qu'il s'agit simplement d'un document JSON contenant votre requête Web et ses réponses. Il peut contenir les informations potentiellement sensibles suivantes :

  • En-têtes de requête et de réponse
  • Contenu de la demande et de la réponse
  • Jetons d'authentification, cookies, jetons de session, mots de passe et informations d'identification API

Assurez-vous de supprimer toutes les informations sensibles des fichiers HAR avant de les soumettre à une équipe d'assistance pour analyse. Principalement, si l'équipe de support technique demande un fichier HAR avec des interactions avec des tiers, des informations critiques peuvent être exposées.

J'espère que vous avez trouvé cet article très utile pour en savoir plus sur les outils d'analyse HAR et sur la manière de générer des fichiers HAR dans différents navigateurs.

Vous pouvez également être intéressé à en savoir plus sur dépannage de la latence du réseau avec Wireshark

Merci à nos commanditaires
Plus de bonnes lectures sur le réseautage
Alimentez votre entreprise
Certains des outils et services pour aider votre entreprise à se développer.
  • Invicti utilise Proof-Based Scanning™ pour vérifier automatiquement les vulnérabilités identifiées et générer des résultats exploitables en quelques heures seulement.
    Essayez Invicti
  • Web scraping, proxy résidentiel, proxy manager, web unlocker, moteur de recherche et tout ce dont vous avez besoin pour collecter des données Web.
    Essayez Brightdata
  • Semrush est une solution de marketing numérique tout-en-un avec plus de 50 outils de référencement, de médias sociaux et de marketing de contenu.
    Essayez Semrush
  • Intruder est un scanner de vulnérabilités en ligne qui détecte les failles de cybersécurité de votre infrastructure, afin d'éviter des violations de données coûteuses.
    Essayez Intruder