Как вы можете записать `.har` сеанса Electron` webContents`?

Question

У меня есть приложение Javascript, которое порождает Electron и выполняет в нем кучу вещей.

Я пытаюсь отладить странную проблему с сетью, которая у меня возникла, и для этого мне бы хотелосьиспользовать файл HAR для хранения журнала всех HTTP-запросов, сделанных Electron.

Возможно ли это?

Answer 1

Да, это можно сделать с помощью chrome-har-capturer - вы можете передать группу событий из webContents.debugger, а затем chrome-har-capturer преобразует их в HAR для вас.

Пример кода:

const chromeHarCapturer = require('chrome-har-capturer')

let log = []
const webContents = browserWindow.webContents

webContents.debugger.on("message", function(event, method, params) {
  // https://github.com/cyrus-and/chrome-har-capturer#fromlogurl-log-options
  if (!["Page.domContentEventFired", "Page.loadEventFired", "Network.requestWillBeSent", "Network.dataReceived", 
        "Network.responseReceived", "Network.resourceChangedPriority", "Network.loadingFinished", 
        "Network.loadingFailed"].includes(method)) {
    // not relevant to us
    return
  }
  log.push({method, params})

  if (method === 'Network.responseReceived') { // the chrome events don't include the body, attach it manually if we want it in the HAR
    webContents.debugger.sendCommand('Network.getResponseBody', {
      requestId: params.requestId
    }, function(err, result) {
      result.requestId = params.requestId
      log.push({
        method: 'Network.getResponseBody',
        params: result
      })
    })
  }
})

webContents.debugger.once("detach", function() {
  // on detach, write out the HAR
  return chromeHarCapturer.fromLog("http://dummy-url-for-whole-session", log).then(function(har) {
    const path = `/tmp/${Number(new Date())}-har.json`

    fs.writeJson(path, log)

    log = []
  })
})

// subscribe to the required events
webContents.debugger.attach()
webContents.debugger.sendCommand('Network.enable')
webContents.debugger.sendCommand('Page.enable')