在 Chrome 扩展程序中捕获资源大小

Question

我正在尝试编写一个 Chrome 扩展程序，它采用 URL 并显示浏览器显示 URL 指向的页面所需的所有资源，以及它们在网络上的大小（压缩）和客户端上的大小（解压缩）。

我已经能够通过向 添加侦听器来利用所需的资源chrome.experimental.webRequest.onCompleted。但是，此回调不允许我查看标头的大小。

我认为向 chrome.experimental 添加监听器。 devtools.network.onRequestFinished 调用 chrome.experimental.devtools.network.getHAR 可以解决问题，但我无法在 chrome.experimental.devtools.network 当我收到错误 Uncaught TypeError: Cannot read property未定义的“网络”。

有什么想法吗？

Answer 1

如果压缩后的大小在 header 中，你可以这样获取：

chrome.experimental.webRequest.onResponseStarted.addListener(
  function(details) {
    for (var i = 0; i < details.responseHeaders.length; ++i) {
      if (details.responseHeaders[i].name === 'Content-Length') {
        console.log(details.url + ': ' + details.responseHeaders[i].value +
                    'bytes');
      }
    }
  },
  {},
  ["responseHeaders"]);