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?


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


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

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


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


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


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é.


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


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.


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é.


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.


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.


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.

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.