如何在javascript中計算頁面的總傳輸大小？

Question

我正在嘗試計算網頁的總傳輸大小，如瀏覽器開發工具的“網絡”選項卡中所示：

為了實現這一點，我正在嘗試使用window.performance API。 但是，我從瀏覽器所說的內容中得到不同的值。

這是我計算總傳輸大小的腳本：

  const getTransferSize = () => {
    let totalTransferSize = 0;

    performance.getEntriesByType('resource').map((resource) => {
      const data = resource.toJSON();
      totalTransferSize += data.transferSize;
    });

    return totalTransferSize;
  };

  console.log(`${bytesSent / 1024 / 1024} MB`); // This returns 1.5MB instead of 2.7MB

知道為什么我沒有獲得完整的傳輸大小嗎？

會有另一種方法來計算這個嗎？ 也許服務器端使用nodejs？

謝謝！

Answer 1

Javascript 沒有對網絡流量的完全訪問權限。 因此，您的腳本無法捕獲所有請求。 它只捕獲與 javascript 相關的資源。 您可能會在 nodejs 方面找到您的解決方案。 這是nodejs的相關帖子。 node.js 按域計算帶寬使用情況

Answer 2

好的，實際上我發現瀏覽器擴展包含在網絡選項卡的傳輸大小中。 因此，對於任何有相同疑問的人，只需在私人導航中打開網站即可獲得更准確的結果！