Exporter les données de l'outil de développement Chrome

138

entrez la description de l'image ici

Analyse du réseau par Chrome lors du chargement de la page

Je voudrais exporter ces données vers Microsoft Excel afin d'avoir une liste de données similaires lorsqu'elles sont chargées à des moments différents. Charger une page une fois ne me dit pas vraiment grand-chose, surtout si je veux comparer des pages.

Est-il possible de le faire via un outil ou une extension Chrome?

Shebelaw
la source
2
Voir aussi étape par étape: confluence.atlassian.com/kb/…
Vadzim

Réponses:

93

si vous cliquez avec le bouton droit sur l'une des lignes, vous pouvez exporter l'élément ou l'ensemble de données complet au format HAR, qui semble être un format JSON.

Il ne devrait pas être très difficile de créer un script pour le transformer en csv si vous en avez vraiment besoin dans Excel, mais si vous créez déjà un script, vous pouvez aussi bien utiliser le script pour poser vos questions sur les données.

Si quelqu'un sait comment gérer la partie "charger la page, exporter les données" du processus à partir de la ligne de commande, je serais très intéressé d'apprendre comment

Le Trav
la source
1
Cet outil a été mentionné dans une réponse supprimée: github.com/janodvarko/harviewer
Jonathon Reinhart
3
@JonathonReinhart, il a eu 5 votes positifs et est utile. Pourquoi a-t-il été supprimé? Voir également cet outil en ligne : softwareishard.com/har/viewer
Pacerier
9
Étonnamment, la sauvegarde du réseau de Chrome sur HAR a sauvegardé TOUTES les données et pas seulement l'élément
kishu
@JonathonReinhart, Il a été restauré: stackoverflow.com/a/20235632/632951
Pacerier
Cela ne semble pas fonctionner avec les demandes provenant de l'hôte local.
Skowronek
22

Cliquez avec le bouton droit de la souris et exportez au format HAR, puis visualisez-le à l'aide de la visionneuse HAR de Jan Odvarko

Cela aide à visualiser les journaux HAR déjà capturés.

Naga Kiran
la source
22

J'essayais de copier les données de taille mesurées à partir du réseau Chrome et je suis tombé sur ce post. Je viens de trouver un moyen plus simple d '"exporter" les données vers Excel, qui consiste à copier le tableau et à le coller pour exceller.

L'astuce consiste à cliquer sur Ctrl + A (tout sélectionner) et une fois que tout le tableau sera mis en surbrillance, collez-le dans Microsoft Excel. Le seul problème est que s'il y a trop de champs, toutes les lignes ne sont pas copiées et vous devrez peut-être copier et coller plusieurs fois.

MISE À JOUR: J'ai trouvé que la copie des données ne fonctionne que lorsque je désactive les options de filtre (le bouton en forme d'entonnoir au-dessus du tableau). - bendur

CalebC
la source
8
C'est en fait le moyen le plus simple. Vous pouvez contourner le problème du «trop de champs» en effectuant un zoom arrière sur le navigateur (CTRL +/-). Peu importe si le texte est trop petit pour être lu, il copiera / collera dans Excel à la taille normale.
profexorgeek
3
a tout sélectionné, mais n'a copié que les fichiers visibles (dans le scrollpane), je ne sais pas pourquoi ...: /
Tom Brito
1
vous pouvez jouer avec les colonnes si vous faites un clic droit dessus pour avoir plus de données que la valeur par défaut
Ou Duan
4
Je ne parviens pas à faire fonctionner Ctrl-A, mais je peux utiliser la souris, commencer à une colonne vers la gauche et mettre en évidence en cliquant et en faisant glisser vers le haut. fyi, ymmv, tisla.
ruffin
5
@Pacerier J'ai trouvé que la copie des données ne fonctionne que lorsque je désactive les options de filtre (le bouton en forme d'entonnoir au-dessus du tableau).
bendur
21

à partir de Chrome 76 , vous disposez de boutons Importer / Exporter .

entrez la description de l'image ici

vanduc1102
la source
8

Je suis tombé sur le même problème et j'ai trouvé que le moyen le plus simple consiste à détacher la vidéo de l'outil de développement dans une fenêtre séparée! (En utilisant le bouton de la barre d'outils du coin supérieur droit de la fenêtre des outils de développement) et dans la nouvelle fenêtre, dites simplement tout sélectionner et copier et coller pour exceller !!

Preeti Joshi
la source
7

Dans Chrome, dans les outils de développement, sous Réseau, dans la colonne Nom, cliquez avec le bouton droit de la souris et sélectionnez "Enregistrer sous HAR avec contenu". Ensuite, ouvrez un nouvel onglet, accédez à https://toolbox.googleapps.com/apps/har_analyzer/ et ouvrez le fichier HAR enregistré.

lexma
la source
4

Vous pouvez utiliser le débogueur Web Fiddler pour importer le HAR, puis c'est très facile à partir de leur sur ... Ctrl + A (tout sélectionner) puis Ctrl + c (copier le résumé) puis coller dans Excel et amusez-vous

Aviranh
la source
débogueur Web Fiddler ??
Pacerier du
4

Notez que «Copier tout comme HAR» ne contient pas de corps de réponse.

Vous pouvez obtenir le corps de la réponse via `` Enregistrer en tant que HAR avec le contenu '', mais cela se brise si vous avez plus d'une quantité insignifiante de journaux (j'ai essayé une fois avec seulement 8k requêtes et cela ne fonctionne pas.) Pour résoudre cela, vous pouvez script une sortie vous-même en utilisant _request.contentData().

Lorsqu'il y a trop de journaux, même _request.contentData()et que «Copier la réponse» échoue, j'espère qu'ils résoudront ce problème. Jusque-là, l'inspection d'une quantité insignifiante de journaux réseau ne peut pas être effectuée correctement avec Chrome Network Inspector et il est préférable d'utiliser un autre outil.

Pacerier
la source
3

Je ne vois pas d'exportation ou d'enregistrement en tant qu'option.

J'ai filtré toutes les demandes indésirables en utilisant, -.css -.js -.woffpuis j'ai fait un clic droit sur l'une des demandes, puis Copier > Copier tout comme HAR

Ensuite, a collé le contenu dans un éditeur de texte et l'a enregistré.

Kannan Ramamoorthy
la source
J'ai utilisé cette approche, cela a fonctionné comme du charme. Je veux ajouter à la réponse; le contenu lorsque vous collez dans l'éditeur de texte est un fichier json. En fait, j'ai utilisé PowerShell pour analyser le json et étudier plus en détail les redirections de requêtes (dans mon cas).
Siva Senthil
1

J'ai eu le même problème pour lequel je suis venu ici. Avec quelques essais, j'ai pensé à copier plusieurs pages de données chrome, comme dans la question, j'ai fait un zoom arrière jusqu'à ce que j'aie toutes les données sur une seule page, c'est-à-dire sans défilement, avec une taille de police très petite. Maintenant, copiez et collez cela dans Excel qui copie tous les enregistrements et dans la police normale. C'est bon pour quelques pages de données je pense.

Apprendre et partager
la source
1

Dans les versions plus modernes de Chrome, vous pouvez simplement faire glisser un fichier .har dans l'onglet réseau des outils de développement Chrome pour le charger.

Sinistre...
la source
6
Je pense qu'il veut exporter?
Pacerier du
0

Pour obtenir cela au format Excel ou CSV - faites un clic droit sur le dossier et sélectionnez "Copier la réponse" - collez pour exceller et utilisez le texte dans les colonnes.

journée de test
la source