Как сохранить фреймы в Chrome

Я регистрирую трафик websocket с помощью инструментов Chrome/Developer. У меня нет проблем просматривать кадры websocket в сетевом окне "Frames", но я не могу сохранить все фреймы (содержимое enc. As JSON) во внешнем (текстовом) файле. Я уже попробовал сохранить как HAR, а также просто использовал cntl A, C, V (первая "страница" только скопирована), но пока не очень успешна.

Я запускаю Linux Mint 17.

Есть ли у вас подсказки, как это можно сделать?

Ответы

Ответ 1

Обновление для Chrome 63, январь 2018 года

Мне удалось экспортировать их как JSON, как это:

  1. отсоединить активного инспектора (при необходимости)
  2. запустить инспектора в инспекторе с помощью ctrl-shift-j/cmd-opt-j
  3. вставьте следующий код в этот экземпляр инспектора.

На этом этапе вы можете делать с кадрами все, что захотите. Я использовал утилиту console.save из https://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 '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);
}

Это сохранит все входящие фреймы сокетов в папку по умолчанию для скачивания.

Ответ 2

Это то, что невозможно поместить в формат HAR при этом потому что спецификация HAR не содержит сведений о том, как экспортировать форматы передачи в формате, такие как WebSockets

Отсюда: https://groups.google.com/forum/#!topic/google-chrome-developer-tools/jUOLFqpu-2Y

Ответ 3

Из Chrome 76 файл HAR теперь содержит сообщения WebSocket.

Сообщения WebSocket в HAR экспортируются

Свойство _webSocketMessages начинается со знака подчеркивания, чтобы указать, что это настраиваемое поле.

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