web-dev-qa-db-ja.com

Chrome開発者ツールからデータをエクスポートする

enter image description here

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

このデータをMicrosoft Excelにエクスポートして、異なる時間にロードされたときに同様のデータのリストを取得したいと思います。ページを一度にロードしても、特にページを比較したい場合にはあまり意味がありません。

ツールまたはchrome拡張機能を使用してこれを行うことは可能ですか?

115
shebelaw

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

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

誰かがコマンドラインからプロセスの「ロードページ、データのエクスポート」の一部を操作する方法を知っているなら、私はどのように聞くのに非常に興味があります

88
The Trav

右クリックしてHARとしてエクスポートし、 Jan OdvarkoのHAR Viewer を使用して表示します

これは、すでにキャプチャされているHARログを視覚化するのに役立ちます。

20
Naga Kiran

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

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

19
CalebC

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

7
Preeti Joshi

Chromeの開発者ツールの[ネットワーク]の[名前]列で、右クリックして[コンテンツ付きHARとして保存]を選択します。次に、新しいタブを開き、 https://toolbox.googleapps.com/apps/har_analyzer/ に移動して、保存したHARファイルを開きます。

5
lexma

Fiddler Webデバッガーを使用してHARをインポートできます。HARからは非常に簡単です。

4
aviranh

≪すべてをHARとしてコピー≫には応答本文が含まれていないことに注意してください。

≪Contentを使用してHARとして保存≫を使用して応答本文を取得できますが、ごくわずかなログしか持っていない場合は破損します(8kのリクエストのみで1回試しましたが、機能しません)。これを解決するには、 _request.contentData() を使用して自分で出力をスクリプト化します。

ログが多すぎると、_request.contentData()と"Copy response"でさえ失敗し、うまくいけばこの問題が解決するでしょう。それまでは、Chrome Network Inspectorを使用して、些細な量のネットワークログを適切に検査することはできません。別のツールを使用するのが最善です。

3
Pacerier

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

-.css -.js -.woffを使用してすべての不要なリクエストをフィルタリングし、リクエストの1つを右クリックしてからコピー> すべてをHARとしてコピー

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

2

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

1
LearnAndShare

fromChrome 76には、インポート/エクスポートボタンがあります。

enter image description here

1
vanduc1102

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

1
Grim...