在 Chrome DevTools 中测量整个页面大小

2024-01-12

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

我想测量整个网页的重量/大小(所有文档+脚本+字体+样式等)。我知道开发工具中的网络选项卡有大小/内容 - 但我想对其进行求和(而不是每次都求和)。

我一直在寻找 chrome.devtools.* API,但没有找到任何直接的东西。

您有一些想法如何实现这一目标吗?


在“网络”选项卡中,确保选中“禁用缓存”,然后在加载页面时,查看底部面板以了解总传输大小。请参阅下面的屏幕截图:

各个大小都是四舍五入的,但底部的总计使用字节大小,您可以在 HAR 中看到。然后将总数四舍五入以显示。如果您发现个人求和与 DevTools 显示的总数之间略有不匹配,这就是原因。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Chrome DevTools 中测量整个页面大小 的相关文章

随机推荐