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
la 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

87

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

http://www.softwareishard.com/har/viewer/ (ancienne version)
http://gitgrimbo.github.io/harviewer/master/ (branche principale à jour)

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
la 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
la 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:

Salvador Dali
la 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 ...

Sélectionnez l'option "HTTPArchive"

Accédez à votre fichier HAR

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

Chibi Chakaravarthi
la 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
la 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
la source

4

Hardiff.com est un outil très utile. Il vous permet de comparer un ou plusieurs .harfichiers.

Sandre
la source

2

Ouvrez Chrome et cliquez sur F12
Cliquez sur Réseau
Faites glisser et déposez le fichier har dans l'onglet réseau Chrome.

S Krishna
la source

2

Si je ne suis pas en retard ...

Pour Firefox, on peut importer le même fichier har depuis l'onglet Réseau.

Sanjay Maurya
la source

1

L'importation HAR fonctionne de manière transparente dans Firefox: Ouvrir Web Developer -> Onglet Réseau -> HAR -> Importer ... (coin supérieur droit de l'outil de développement Web)

Option d'importation HAR

Lalitanand Dandge
la 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
la 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:

Barani r
la source

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

Réponses: