web-dev-qa-db-fra.com

Exporter des données depuis l'outil de développement Chrome

enter image description here

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

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

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

99
shebelaw

si vous cliquez avec le bouton droit de la souris sur l'une des lignes, vous pouvez exporter l'élément ou l'intégralité du jeu de données 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 écrivez déjà un script, vous pouvez également utiliser le script pour poser vos questions sur les données.

Si quelqu'un sait comment piloter la partie "processus de chargement de la page, exporter des données" à partir de la ligne de commande, j'aimerais savoir comment.

79
The Trav

J'essayais de copier les données de taille mesurées à partir de Chrome Network et suis tombé sur ce post. Je viens de trouver un moyen plus facile "d'exporter" les données vers Excel, qui consiste à copier le tableau et à le coller dans Excel. 

L'astuce consiste à cliquer sur Ctrl + A (tout sélectionner) et une fois le tableau entier 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.

18
CalebC

Cliquez avec le bouton droit de la souris et exportez-le en tant que HAR, puis affichez-le avec HAR Viewer de Jan Odvarko

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

17
Naga Kiran

Je suis tombé sur le même problème et j'ai trouvé que le moyen le plus simple consiste à extraire 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 en haut à droite de la barre d’outils de développement). 

7
Preeti Joshi

Vous pouvez utiliser le débogueur Web fiddler pour importer le fichier HAR. Il est alors très facile de les sélectionner ... Ctrl + A (tout sélectionner), puis Ctrl + c (copier le résumé) puis collez-les dans Excel et amusez-vous.

4
aviranh

Notez que «Copier tout en tant que HAR» ne contient pas le corps de la réponse.

Vous pouvez obtenir le corps de la réponse via "Enregistrer en tant que HAR avec Content", mais cela se brise si vous avez plus qu'un nombre négligeable de journaux (j'ai essayé une fois avec seulement 8 requêtes et cela ne fonctionne pas.) script une sortie vous-même en utilisant _request.contentData() .

Quand il y a trop de journaux, même _request.contentData() et «Copier la réponse» échouent, nous espérons pouvoir résoudre ce problème. Jusque-là, l'inspection de Chrome Network Inspector ne permet pas d'inspecter une quantité non négligeable de journaux de réseau. Il est préférable d'utiliser un autre outil.

3
Pacerier

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

1
LearnAndShare

Je ne vois pas d'export ni de sauvegarde en option.

J'ai filtré toutes les demandes indésirables en utilisant -.css -.js -.woff, puis j'ai cliqué avec le bouton droit de la souris sur l'une des demandes, puis Copier > Copier tout comme HAR

Ensuite, collez le contenu dans un éditeur de texte et enregistrez-le.

1
Kannan Ramamoorthy

de Chrome 76 , vous avez des boutons Importer/Exporter .

enter image description here

1
vanduc1102

Dans les versions plus modernes de Chrome, il vous suffit de faire glisser un fichier .har dans l'onglet Réseau de Chrome Dev Tools pour le charger.

1
Grim...

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

0
lexma