javascript - 如何使用 Puppeteer 获取请求的原始下载大小？

Question

即所有资源(包括视频/媒体)下载的数据总量，类似于 Chrome DevTools 的“网络”选项卡返回的数据。

Answer 1

截至 2018 年 1 月，似乎没有任何方法可以处理所有资源类型(监听 response 事件 fails for videos )，并且可以正确计算压缩资源。

最好的解决方法似乎是监听 Network.dataReceived 事件，然后手动处理该事件:

const resources = {};
page._client.on('Network.dataReceived', (event) => {
  const request = page._networkManager._requestIdToRequest.get(
    event.requestId
  );
  if (request && request.url().startsWith('data:')) {
    return;
  }
  const url = request.url();
  // encodedDataLength is supposed to be the amount of data received
  // over the wire, but it's often 0, so just use dataLength for consistency.
  // https://chromedevtools.github.io/devtools-protocol/tot/Network/#event-dataReceived
  // const length = event.encodedDataLength > 0 ?
  //     event.encodedDataLength : event.dataLength;
  const length = event.dataLength;
  if (url in resources) {
    resources[url] += length;
  } else {
    resources[url] = length;
  }
});

// page.goto(...), etc.

// totalCompressedBytes is unavailable; see comment above
const totalUncompressedBytes = Object.values(resources).reduce((a, n) => a + n, 0);