为什么在Firefox DevTools与Firebug或Chrome DevTools中下载的KB不同?

sui*_*koy 1 firebug google-chrome-devtools firefox-developer-tools

任何人都可以解释为什么,在任何页面上调试,我看到Firefox DevTools,Firebug和Chrome DevTools在传输文件大小方面总是有很大差异吗?例如,通过Stack Overflow的主页,我看到:

  • Chrome DevTools:282 KB

  • 萤火虫:246 KB

  • Firefox DevTools:873 KB

真相是什么?

Seb*_*ner 6

在相反的铬DevTools' 网络面板和萤火虫的面板内的摘要网络火狐DevTools的面板显示的内容大小减压.这意味着它显示文件的实际大小,而不是文件的传输字节.

背景:一些服务器在使用GZIP等算法将响应内容发送到客户端之前压缩响应内容以节省网络带宽.然后,客户端一旦收到内容就解压缩内容.

Firefox DevTools不提供传输文件大小的摘要(从Firefox 38.0.1开始)." 网络"面板仅显示面板底部的解压缩文件大小:

*Network*面板中的网络请求摘要

因此,我创建了一个增强请求,以在摘要和性能分析中显示传输的大小.

虽然该面板有一个Transferred列,列出了每个文件的传输大小:

*在Firefox DevTools*Network*面板中传输*列