Chrome开发工具 - "大小"与"内容"

Mik*_*ike 254 google-chrome web-inspector

在Chrome的开发工具的"网络"标签中查看有关样式表的信息时,一列指定"尺寸"和"内容":

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

任何人都可以了解这两个数字之间的差异吗?在某些页面上,数字很接近,而其他页面则相差很多.

Mar*_*ett 324

"Size"是线路上的字节数,"content"是资源的实际大小.许多事情可以使它们与众不同,包括:

  • 从缓存(小或0"大小")提供服务
  • 响应标头,包括Cookie("大小"大于"内容")
  • 重定向或身份验证请求
  • gzip压缩(通常比"内容"小"大小")

来自文档:

Size是响应头的组合大小(通常为几百个字节)加上响应主体,由服务器提供.内容是资源的解码内容的大小.如果资源是从浏览器的缓存而不是通过网络加载的,则此字段将包含文本(来自缓存).

  • @NiCkNewman是大小是线上的实际数据大小(不是带宽btw)(标题+内容组合).内容是膨胀的,未压缩的内容(例如,如果它是gziped)的大小(不包括标题!). (2认同)
  • 愚蠢的问题,但我们在这里使用1000 KB/MB,还是1024? (2认同)
  • @ButtleButkus:Chrome、Firefox 和 IE/Edge 都使用过时的 JEDEC 格式,其中 1 KB 为 1024 字节,写为 KB。如果他们以 ISO 格式(base 10)或将其写为 KiB/MiB 报告它会更好。 (2认同)

c69*_*c69 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

  • 编辑基本正确但可以改进的答案是有意义的.你的答案有点在边界,因为你可能*意味着*说*响应*,但仍然说*Request*是32K会误导任何不知道它必须完全错误的人.(那些会问这样的问题的人,并且需要关于他们的正确答案.)另外,说错误的东西不符合[错字](http://en.wikipedia.org/wiki/Typographical_error).这是一个事实上的错误,而不是指法,即使你打算说些别的话. (7认同)
  • 你可能的意思是"`size`是*response*本身的大小[...]"("资源"在HTTP术语中也有不同的含义). (4认同)

Vis*_*t G 12

简单来说,Google文章将其解释为尺寸=转移尺寸和内容=实际尺寸 在此输入图像描述

这是我的公式,基于阅读有关此主题的各种文章(我愿意进一步改进你的评论) 大小=压缩(内容)+响应标题

请参阅本文中使用的图像

Google的解释


Wil*_*ilt 5

“使用大请求行”显示两个值!

如果看不到第二个值(内容),则需要单击Chrome网络标签中的“使用大请求行”按钮:

在此处输入图片说明

我发现这要归功于此问题的答案:

Chrome Devs工具-大小和内容在哪里?