是否有一种简单的方法来查看Chrome开发人员工具中压缩了多少文件？
#1 楼
更新的2017年答案：是。Chrome开发者工具的“网络”标签中的“大小”列包含压缩和未压缩的大小，适用于gzip，brotli和将来的任何内容。例如：
这里压缩后的大小为242 KB，未压缩的大小为1.1 MB大请求行。它是特定于网络的工具栏的“查看”选项中的第一个图标。
评论
谢谢。很容易错过。必须点击“使用大请求行”
–alds
17-10-12在6:43
您也可以右键单击列标题，并显示“ Content-Encoding”响应标题。完成此操作后，您可以按该列进行排序，以获取所有压缩后响应的快速列表。
–第三者
19年8月8日在15:48
如果您怀疑，它仍然适用于2020年。
–cytsunny
20 Mar 12 '20 at 3:43
如果您只能看到“名称”列，请单击“名称”列右侧的X。然后将出现其他列。
–约翰·皮克（John Pick）
20年7月14日在20:09
#2 楼
到目前为止，最简单的方法是使用在线工具。 GIDZipTest向您显示了很多细节：原始大小，压缩大小和压缩百分比。但是，在Chrome中花点力气就可以实现。 （已更新为最新的Chrome，2011年9月。）
在开发人员工具中，转到“网络”标签，然后重新加载页面。您将在左列看到所有提取的文件的列表。单击左侧的相应页面/文件，然后单击右侧窗格中的“标题”选项卡。 ”标题。这就是压缩内容的大小。
查找未压缩大小比较困难。如果您要提供静态文件，则只需检查其大小即可。对于动态内容，您必须将HTML复制粘贴到文本编辑器中，然后保存以检查确切大小。
评论
“启用资源跟踪”在哪里？
–起搏器
2011年9月24日，下午2:10
@Pacerier：在最新版本的Chrome中有所不同；我已经用新的说明更新了答案。
–心怀不满的山羊
2011-09-25 23:47
整洁的工具。我不知道为什么我的Google App Engine应用程序发送的响应没有显示压缩后的大小。 SDK（即localhost）发送的响应不会被压缩，而来自云的响应则会被压缩。事实证明，Chrome浏览器运行良好。
–伊文·普莱斯
2012年6月4日23:56
#3 楼
2017年更新使用大图标时，chrome dev工具会在网络标签中显示压缩前后的大小。
我通过打开和关闭gzip进行确认Web服务器。
评论
在较新版本的Chrome中已稍作更改：stackoverflow.com/a/58656958/1869660
– Sphinxxx
20 May 29'1:23
#4 楼
实现此目的的另一种方法是使用cURL：是越过导线的字节数。#5 楼
我听说chrome中的一个由于webkit中的错误而存在缺陷。Firefox的Y慢插件非常出色。运行它时，转到“组件”选项卡，然后展开要为其提供值的组件的类型。它将显示原始大小和gzip大小。
#6 楼
这不是专门用于Chrome的工具，但是在检查HTTP流量/标头信息时使用了Fiddler。这是一个很棒的工具，可以在任何浏览器上使用，而且是免费的！评论
现在还有Fiddler的Chrome扩展版本！
–karlbecker_com
2014-09-16 23:19
感谢您提出建议。 Fiddler不会显示“未压缩的大小”，但可以为“ CompressionSavings”和“ CompressionSavings％”添加列。通过右键单击列==>“ Customize Colums” ==>“ Miscellaneous” ==>“字段名称”下拉列表来添加它们。
–JasonS
16年1月7日在15:09
#7 楼
对于仍通过常规google搜索到达此处的任何人（像我一样），在现代版本的Firefox中，可以通过比较“已传输大小”列和“大小”列直接从其devtools中看到“原始”和gzip压缩的大小。 “大小”是响应的原始大小，“传输大小”是为响应传输的数据的实际大小，对于gzip，它可能小于实际大小（如下图所示），甚至是0如果响应已缓存在客户端中。
评论
如果有一个用于查看HTTP标头的插件，则可以将文档大小与Content-Length标头进行比较。