Chrome开发工具-“大小”与“内容”

254

在Chrome开发工具的“网络”标签中查看有关样式表的信息时，一列会同时指定“大小”和“内容”：

突出显示“大小/内容”列的开发工具屏幕截图

有人能阐明这两个数字之间的区别吗？在某些页面上，数字接近，而在另一些页面上，它们之间的差异很大。

google-chrome  web-inspector 
— 麦克风
source
1
根据docs，当前“默认情况下，“请求表”显示的资源行较小；单击“使用大请求行”按钮以增加每行的大小”。这还将在“大小”列中显示“内容”。
— Vadzim

Answers:

324

“大小”是线路上的字节数，“内容”是资源的实际大小。许多事情可以使它们与众不同，包括：

  • 从缓存中投放（较小或0个“大小”）
  • 响应标头，包括cookie（“大小”大于“内容”）
  • 重定向或认证请求
  • gzip压缩（通常比“内容”小“大小”）

从文档：

大小是服务器发送的响应头（通常是几百个字节）加上响应主体的总大小。内容是资源的解码内容的大小。如果资源是从浏览器的缓存而不是通过网络加载的，则此字段将包含文本（来自缓存）。

— 马克·布雷克特
source
2
@NiCkNewman是大小是导线上的实际数据大小（不是带宽btw）（Headers + Content组合）。内容仅是已膨胀，未压缩的内容（例如，如果已压缩）的大小（不包括标题！）。
— 以色列
3
愚蠢的问题，但是我们在这里使用的是每MB 1000 KB还是1024？
— Buttle Butkus
2
@ButtleButkus：Chrome，Firefox和IE / Edge均使用过时的JEDEC格式，其中千字节为1024字节，并写为KB。如果他们以ISO格式（基于10）报告该报告或将其写为KiB / MiB会更好。
— okdewit
1
我在Mac上使用的是Chrome版本60.0.3112.113（正式版本）（64位），遇到了同样的问题。这个问题中的屏幕截图是我能够确定灰色数字和黑色数字之间的区别的唯一方法。我正在使用的当前版本的Chrome似乎没有显示副标题“内容”。该列仅显示“大小”。在文档或Chrome中是否有某处解释灰色数字为“内容”。我在任何地方都找不到。
— flyingL123
1
刚一说明，在镀铬的新版本中，灰数默认不显示，您必须单击“查看”栏往上顶的“使用大的请求行”按钮
— Snekse
52

Size是响应本身Content的大小，是您正在访问的资源的大小。

比较：

空缓存：

main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB

已缓存：

main.js GET 304 Not modified .. Size: 146B Content: 31.42KB

— c69
source
4
您可能会说“ Size是响应本身的大小”（“ resource”在HTTP术语中也有不同的含义）。
— 布鲁诺
1
@布鲁诺说了什么。这个答案是错误的，不应被接受。
— mhenry1384 '08年
是的，这是个疯狂的话题：32K 请求！？
— iconoclast 2012年
1
zomg，您有1年的时间来编辑我的答案。只是一个简单的错字，一个琐碎问题的明显答案，在提出问题后23分钟内得到回答，并被接受是因为它有助于作者理解。不知道为什么有那么多人甚至谷歌并投票支持它……如此之大惊小怪。
— c69 2012年
7
编辑基本正确但可以改善的答案是有意义的。你的回答是排序的边界上，因为你很可能意味着说响应，但仍称该请求是32K是在误导谁不知道足够知道它必须是完全错误的。（那是那些问这样的问题，并且需要正确答案的人。）而且，说错话也没有错字的资格。这是事实的错误，即使您打算说些别的话，也不是笨拙的。
— iconoclast 2012年
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.