Chromeデベロッパーツールからデータをエクスポートする


137

ここに画像の説明を入力してください

ページ読み込み時のChromeによるネットワーク分析

このデータをMicrosoft Excelにエクスポートして、異なる時間に読み込まれたときに同様のデータのリストを取得できるようにしたいと考えています。特にページを比較したい場合は、ページを1回ロードしても、あまり意味がありません。

ツールまたはクロム拡張を介してこれを行うことは可能ですか?


2
:ステップバイステップでも参照してくださいconfluence.atlassian.com/kb/...
ヴァジム・

回答:


93

行のいずれかを右クリックすると、アイテムまたはデータセット全体を、JSON形式のように見えるHARとしてエクスポートできます。

Excelで本当に必要な場合は、何かをスクリプト化してcsvに変換することはそれほど難しくありませんが、既にスクリプトを作成している場合は、スクリプトを使用してデータについて質問することもできます。

プロセスの「ページの読み込み、データのエクスポート」の部分をコマンドラインから実行する方法を知っている人がいれば、その方法を聞きたいと思います


1
このツールは削除された回答で言及されていました:github.com/janodvarko/harviewer
Jonathon Reinhart 14

3
@JonathonReinhart、それは5つの賛成票を持っており、便利です。なぜ削除されたのですか?また、この参照オンライン:ツールsoftwareishard.com/har/viewer
Pacerier

9
驚くべきことに、クロムのHARへのネットワーク保存により、アイテムだけでなくすべてのデータが保存されました
kishu

@JonathonReinhart、削除を
取り消しました

これは、localhostからの要求では機能しないようです。
Skowronek


22

Chrome Networkから測定したサイズデータをコピーしようとしていたところ、この投稿に遭遇しました。テーブルをコピーして貼り付けることで、Excelにデータを「エクスポート」する簡単な方法を見つけました。

トリックは、Control + A(すべて選択)をクリックし、テーブル全体が強調表示されたら、Microsoft Excelに貼り付けます。唯一の問題は、フィールドが多すぎる場合、すべての行がコピーされるわけではなく、コピーと貼り付けを数回行う必要がある場合です。

更新:データのコピーが機能するのは、フィルターオプション(表の上にあるじょうご型のボタン)をオフにした場合のみです。–ベンダー


8
これは実際には最も簡単な方法です。ブラウザーをズームアウト(CTRL +/-)することで、「フィールドが多すぎる」問題を回避できます。テキストが小さすぎて読めなくても問題ありません。通常のサイズでExcelにコピー/貼り付けされます。
profexorgeek

3
すべてを選択しましたが、(スクロールペイン内の)可視ファイルのみをコピーしました。理由はわかりません...:/
Tom Brito

1
列を右クリックすると、列を操作して、デフォルトよりも多くのデータを取得できます
または、Duan

4
Ctrl-Aを機能させることができませんが、マウスを使用して、左側の列から開始し、クリックして上にドラッグすることで強調表示できます。fyi、ymmv、tisla。
ruffin

5
@Pacerierデータのコピーは、フィルターオプション(テーブルの上にあるじょうごのようなボタン)をオフにしたときにのみ機能することがわかりました。
ベンデュール2017年

20

クロム76、あなたが持っているインポート/エクスポートボタンを。

ここに画像の説明を入力してください


7

私は同じ問題に遭遇し、開発者ツールのビデオを別のウィンドウにドッキング解除する方が簡単な方法であることがわかりました!(開発者ツールウィンドウの右上隅のツールバーボタンを使用)および新しいウィンドウで、すべてを選択し、コピーして貼り付けるだけです。



4

フィドラーWebデバッガーを使用してHARをインポートすると、それ以降は非常に簡単です... Ctrl + A(すべてを選択)、Ctrl + c(要約をコピー)、Excelに貼り付けて楽しんでください


バイオリン弾きWebデバッガ??
Pacerier 2017年

4

≪すべてをHARとしてコピー≫にはレスポンスボディが含まれないことに注意してください。

≪コンテンツを含むHARとして保存≫を使用してレスポンスの本文を取得できますが、ログの量がごくわずかである場合は失敗します(8kリクエストのみで1回試しましたが、機能しません)。これを解決するには、自分で出力をスクリプト化します_request.contentData()

ログが多すぎて_request.contentData()、≪コピー応答≫が失敗した場合でも、うまくいけば、この問題が修正されます。それまでは、ごく少量のネットワークログをChrome Network Inspectorで適切に検査することはできません。別のツールを使用するのが最善です。


3

エクスポートまたは保存オプションが表示されません。

私が使用して、すべての不要な要求を除外-.css -.js -.woffし、右側の要求、その後の1をクリックしたコピー > コピーHARなど、すべての

次に、コンテンツをテキストエディターに貼り付けて保存しました。


私はこのアプローチを使用しました、それは魅力のように働きました。答えを付け加えたい。テキストエディターに貼り付けたときのコンテンツはjsonファイルです。実際、私はPowerShellを使用してJSONを解析し、リクエストのリダイレクト(私の場合)をさらに調査しました。
Siva Senthil

1

私がここに来たのと同じ問題がありました。いくつかの試行錯誤の結果、すべてのデータが1ページ、つまりスクロールせずに非常に小さなフォントサイズで取得されるまでズームアウトした質問のように、クロムデータの複数のページをコピーすることを考えました。それをコピーして、すべてのレコードと通常のフォントでコピーするExcelに貼り付けます。これは、数ページのデータに適しています。


1

最新バージョンのChromeでは、.harファイルをChrome Dev Toolsのネットワークタブにドラッグするだけでロードできます。


6
彼は輸出したいと思いますか?
Pacerier 2017年

0

これをExcelまたはCSV形式で取得するには、フォルダを右クリックして[応答をコピー]を選択します。貼り付けてExcelに貼り付け、テキストを列に使用します。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.