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


31

显然,我想在不保存页面的情况下得到答案。看来很基本,但我不知道该怎么做。如果需要插件,也可以。如果解决方案还包括与页面相关联的样式表,脚本和图像,那将是很好的选择。

Answers:


42

在所需页面上打开开发人员工具(浏览器窗口右上角的Ctrl+ Shift+ I设置图标 => Tools=> Developer tools),切换到“ 网络”标签并重新加载页面

大小列中,您将看到加载的所有内容的大小(文档,样式表,图像,脚本等)。您可以启用过滤器,以帮助您仅在开发人员工具框架的底部中心找到所需的内容。


2
谢谢!重新加载的需求不是那么直观。
xxzoid 2011年

4
有点烂。右键单击->'视图属性'或在已加载的页面上进行类似操作会更直观。
tholu 2014年

14
值得补充的是,打开“网络”选项卡时,在最底部列出了对服务器的所有请求的总大小。这不是立即显而易见的
Aidan Miles

在较新的Chrome版本中,“网络”标签底部的总大小以“ 传输的KB / MB”列出,该大小应等于“ 大小”列的总和。
Clint Pachl


1

有一个名为“ 快速源查看器 ” 的扩展,该扩展在页面加载时缓存所有资源。打开查看器(蓝色图标),大小(字节数)显示在左侧的导航窗格中。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.