在Chrome DevTools中测量整页大小

Question

我已经谷歌搜索了一段时间，但没有找到任何明确的解决方案。

我想测量完整的网页重量/大小（所有doucment +脚本+字体+样式等）。我知道devtools中的网络选项卡有大小/内容 - 但我希望对它进行求和（而不是每次都加总）。

我一直在寻找chrome.devtools。* API，但没有找到任何直截了当的东西。

你有什么想法可以实现吗？

Answer 1

在“网络”标签中，确保选中“禁用缓存”，然后在加载页面时，查看底部面板以了解总传输大小。见下面的截图：

单个大小是四舍五入的，但底部的总数使用字节大小，您可以在HAR中看到。然后将总数四舍五入以显示。如果您发现个人总数与DevTools显示的总数之间存在轻微的不匹配，那就是原因。