web-dev-qa-db-ja.com

ChromeにWebSocketフレームを保存する方法

Chrome /開発者ツールを使用してWebSocketトラフィックをログに記録しています。ネットワークの「フレーム」ウィンドウでwebsocketフレームを表示しても問題ありませんが、すべてのフレーム（JSONとしてコンテンツを含む）を外部（テキスト）ファイルに保存できません。私はすでにHARとして保存を試み、cntl A、C、V（最初の「ページ」のみをコピー）も使用しましたが、これまでのところあまり成功していません。

Linux Mint 17を実行しています。

これを行う方法のヒントはありますか？

google-chromeloggingwebsockettracedeveloper-tools
28
AlterSchwede

Chrome 63、2018年1月の更新

私はこれらをJSONとして次のようにエクスポートすることができました：

  1. detachアクティブなインスペクター（必要な場合）
  2. ctrl-shift-j/cmd-opt-jを使用してインスペクターでインスペクターを開始します
  3. 次のコードをそのインスペクタインスタンスに貼り付けます。

この時点で、フレームを使用して好きなことができます。 console.savehttps://bgrins.github.io/devtools-snippets/#console-save のユーティリティを使用して、フレームをJSONファイルとして保存します（以下のスニペットに含まれています）。

// https://bgrins.github.io/devtools-snippets/#console-save 
(function(console){
  console.save = function(data, filename){
    if(!data) {
      console.error('Console.save: No data')
      return;
    }

    if(!filename) filename = 'console.json'

    if(typeof data === "object"){
      data = JSON.stringify(data, undefined, 4)
    }

    var blob = new Blob([data], {type: 'text/json'}),
    e = document.createEvent('MouseEvents'),
    a = document.createElement('a')

    a.download = filename
    a.href = window.URL.createObjectURL(blob)
    a.dataset.downloadurl = ['text/json', a.download, a.href].join(':')
    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
    a.dispatchEvent(e)
  }
})(console)

// Frame/Socket message counter + filename
var iter = 0;

// This replaces the browser's `webSocketFrameReceived` code with the original code 
// and adds two lines, one to save the socket message and one to increment the counter.
SDK.NetworkDispatcher.prototype.webSocketFrameReceived = function (requestId, time, response) {
  var networkRequest = this._inflightRequestsById[requestId];
  if (!networkRequest) return;
  console.save(JSON.parse(response.payloadData), iter + ".json")
  iter++;
  networkRequest.addFrame(response, time, false);
  networkRequest.responseReceivedTime = time;
  this._updateNetworkRequest(networkRequest);
}

これにより、すべての着信ソケットフレームがデフォルトのダウンロード場所に保存されます。

18
Tiana

これは、HAR仕様にWebSocketのようなフレーム化された転送フォーマットをエクスポートする方法の詳細がないため、現時点ではHARフォーマットに入れることができないものです。

ここから： https://groups.google.com/forum/#!topic/google-chrome-developer-tools/jUOLFqpu-2Y

4
sergey

Chrome 76から[〜＃〜] har [〜＃〜]ファイルにWebSocketメッセージが含まれるようになりました。

HARエクスポートのWebSocketメッセージ

_webSocketMessagesプロパティは、カスタムフィールドであることを示すアンダースコアで始まります。

...
"_webSocketMessages": [
  {
    "type": "send",
    "time": 1558730482.5071473,
    "opcode": 1,
    "data": "Hello, WebSockets!"
  },
  {
    "type": "receive",
    "time": 1558730482.5883863,
    "opcode": 1,
    "data": "Hello, WebSockets!"
  }
]
...
1
CodeIt

この機能に対する未処理のリクエストがあります

https://bugs.chromium.org/p/chromium/issues/detail?id=496006

優先度を上げるには「スター」を付けてください。

0
DicBrus