Comment afficher / rejouer un fichier har de débogueur de réseau Chrome enregistré avec le contenu?

117

J'adore le débogueur de réseau, cela étant dit, quels sont les programmes qui me permettent d'avancer et de reculer à travers plusieurs «hars» pour que je puisse les rejouer? si les «hars» sont enregistrés avec du contenu, la relecture peut-elle également gérer cela?

pour le moment, je viens de lire dans le pavé de texte, mais si je dois présenter l'une de mes découvertes, un bon «joueur har» pourrait grandement aider les gens non techniques.

debugging  google-chrome  har 
— Defier la gravite
source
jusqu'à présent, j'ai une visionneuse `` une à la fois ''
— DefyGravity
9
Cette question sur le superutilisateur est essentiellement la même et a des réponses décentes: superuser.com/questions/360992/…
— David Fraser

Réponses:

87

Il existe une visionneuse HAR développée par Jan Odvarko que vous pouvez utiliser. Vous utilisez soit la version en ligne à

Ou téléchargez le code source sur https://github.com/janodvarko/harviewer .

EDIT: Chrome 62 DevTools inclut la fonctionnalité d'importation HAR. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

— Nizar
source
1
FWIW cela ne semble pas gérer le "contenu" lorsque vous utilisez "Enregistrer sous HAR avec le contenu". En dehors de cela, c'est un spectateur HAR décent.
— Doktor J
Je ne l'ai pas encore fait fonctionner sur une option `` Enregistrer tout comme har '' du débogueur Chrome. Cependant, je continuerai de le vérifier.
— DefyGravity
vient de le faire fonctionner aujourd'hui à partir d'un site Web assez lourd. belle application
— DefyGravity
7
AVERTISSEMENT: Aussi génial que les sons de la visionneuse HAR "en ligne", je serais un peu préoccupé par ce que ce serveur fait avec le HAR - est-ce qu'il le sauve? L'analyse? HAR peut inclure des données personnelles sensibles. Personnellement, je ne téléchargerais pas un HAR sur le serveur de quelqu'un d'autre. Maintenant, s'il m'était envoyé par un client, je suppose que ce serait une autre histoire .. oh attendez, non, ce ne serait pas le cas.
— rien n'est nécessaire
@nothingisn necessaire - HAR Viewer fonctionne uniquement dans le navigateur, il n'y a aucun composant côté serveur qui «voit» le fichier HAR.
— Paul Grime
56

L'outil "Réseau" de Chrome Dev Tool vous permet désormais d'importer des fichiers HAR par glisser-déposer dans la fenêtre.

— Xchai
source
Pour faire glisser le fichier HAR dans l'onglet réseau, vous avez la plupart des outils de développement ouverts sur le même domaine
— ScottyG
Excellente idée, mais avec une mise en garde, Chrome ne semble pas aimer la sortie des formats de date d'autres outils (+1 de ma part de toute façon)
— Alex KeySmith
@ScottyG J'ai juste essayé d'importer un fichier .har d'un autre domaine et cela a fonctionné. Utilisation de la version 73.0.3683.103
— Raul Pinto
@RaulPinto Merci! Oui, je pense que c'est une nouvelle fonctionnalité de la v73
— ScottyG
2
Cette même chose fonctionne dans Firefox, quel que soit le domaine sur lequel vous vous trouvez.
— Brady Dowling
23

Il existe quelques outils en ligne et hors ligne pour y parvenir:

Mais celui que j'ai le plus aimé, c'est une extension de navigateur ( je l'ai essayée dans chrome, j'espère qu'elle fonctionne dans d'autres navigateurs). Après l'installation, il apparaît dans vos applications en tant que visionneuse HAR . Ensuite, vous pouvez télécharger votre fichier HAR et voir quelque chose comme ceci:

entrez la description de l'image ici

— Salvador Dali
source
2
L'analyseur HAR est capable d'analyser en douceur des fichiers HAR beaucoup plus volumineux que le visualiseur HAR.
— Stephan
16

Le moyen le plus fiable de rejouer un fichier har utilise un outil gratuit comme Fiddler , l'outil est toujours gratuit et peut être téléchargé rapidement. Les sites pour l'ouverture du fichier har sont tous bogués et ne peuvent pas ouvrir de gros fichiers. Fiddler est disponible pour toutes les plateformes.

https://www.telerik.com/download/fiddler

Allez dans le menu Fichier -> Importer des sessions ...

Ouvrir Fiddler

Sélectionnez l'option "HTTPArchive"

Sélectionnez l'option Http Archieve

Accédez à votre fichier HAR

entrez la description de l'image ici

Le fichier HAR s'ouvrira et se rejouera dans la fenêtre du violoniste.

— Chibi Chakaravarthi
source
1
J'ai trouvé que l'exporter en tant que fichiers bruts, puis charger le fichier html me permettait de rejouer les journaux de la console dans n'importe quel navigateur.
— mikeytown2
J'aime utiliser Fiddler car je peux rejouer une requête particulière du fichier har (changement de jetons ofc) pour voir ses effets. Personnellement, j'utilise Fiddler depuis longtemps et comme ce fil de discussion a cité de nombreux outils qui fonctionnent tous dans des cas différents, cela se résume finalement au confort personnel.
— Chibi Chakaravarthi
J'ai aussi le plus aimé cette réponse; Pour un très gros fichier HAR, Fiddler m'a permis de filtrer ainsi que de supprimer les messages en excès (j'utilise également Fiddler depuis un certain temps, donc je me sentais plus à l'aise sur ses capacités, y compris la relecture)
— HidekiAI
8

Edit: Harhar est maintenant open source. J'ai mis à jour l'URL ci-dessous.

Si vous utilisez un générateur de charge Avalanche, vous pouvez utiliser Harhar pour rejouer un fichier HAR à très forte charge: https://acastaner.github.io/harhar/

Cet outil gère le «contenu» que vous utilisez lorsque vous «Enregistrer sous HAR avec contenu».

— Astaar
source
2
Je sais que quelques mois se sont écoulés depuis que l'OP a demandé, mais celle-ci doit être considérée comme la bonne réponse, car l'outil mentionné peut vraiment "lire" un fichier HAR. Très belle suggestion, @Astaar.
— Charles Roberto Canato
Il est entièrement écrit en C #. "Fonctionne sur Windows et Linux (Mono)"
— Trindaz
En plus d'être totalement d'accord avec Astaar et Charles, je viens d'en trouver un autre: github.com/Stuk/server-replay
— quetzalcoatl
6

Chrome prend désormais en charge le chargement des fichiers HAR. Ouvrez Chrome, appuyez sur F12, cliquez sur l'onglet Réseau. Faites glisser et déposez le fichier .har TERMINÉ!

— Chibi Chakaravarthi
source
2
  1. Ouvrez Chrome et cliquez sur F12
  2. Cliquez sur Réseau
  3. Faites glisser et déposez le fichier har dans l'onglet réseau Chrome.

entrez la description de l'image ici

— S Krishna
source
2

Si je ne suis pas en retard ...

Pour Firefox, on peut importer le même fichier har depuis l'onglet Réseau.Onglet Firefox Network avec importation de fichier HAR

— Sanjay Maurya
source
0

Ouvrez le navigateur Chrome. faites un clic droit n'importe où sur une page> inspectez les éléments> allez dans l'onglet réseau> faites glisser et déposez le fichier .har Vous devriez voir les journaux.

— Arjun Thakur
source
0

Le glisser-déposer est la meilleure solution. Je montre simplement une autre façon d'importer en cliquant sur l'icône d'importation HAR: entrez la description de l'image ici

— Barani r
source
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.