如何确定 Chrome 中页面源的大小？

Question

显然，我想在不保存页面的情况下获得答案。这看起来很基本，但我不知道如何做到这一点。如果它需要一个插件，那没关系。如果解决方案还包括与页面关联的样式表、脚本和图像，那就太好了。

Answer 1

在所需页面上打开开发人员工具（浏览器窗口右上角的Ctrl+ Shift+I或设置图标=> Tools=> Developer tools），切换到网络选项卡并重新加载页面。

在大小列中，您将看到加载的所有内容的大小（文档、样式表、图像、脚本等）。您可以启用过滤器来帮助您在开发者工具框架的底部中心找到只需要的东西。

Answer 2

我已经创建了我的第三个 Chrome 扩展页面大小检查器，它以一种方便的方式快速报告页面大小、缓存使用情况、网络请求和网页加载时间。