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

Question

显然，我想在不保存页面的情况下获取答案。这似乎很简单，但我不知道该怎么做。如果它需要插件，那就没问题了。如果解决方案还涵盖与页面相关的样式表、脚本和图像，那就太好了。

Answer 1

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

在里面尺寸列中你会看到所有加载内容的大小（文档、样式表、图像、脚本……）。您可以启用过滤器，以帮助您在开发者工具框架的底部中心找到所需的内容。

Answer 2

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

Answer 3

有一个名为“快速源代码查看器“，它会在页面加载时缓存所有资源。打开查看器（蓝色图标），大小（字节数）显示在左侧导航窗格中。