开发者工具 “Size“ 和 “Content“的区别

开发者工具 - "Size" 和 "Content"的区别

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

• 从缓存中提供服务（小或 0“大小”）
• 响应标头，包括 cookie（“大小”大于“内容”）
• 重定向或身份验证请求
• gzip 压缩（通常比“内容”更小“大小”）

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

测试

发起请求

$.ajax({
  url: "http://127.0.0.1:8888/api/getblob",
  type: "post",
  headers: {
    'Authorization': 'Bearer ' + window.sessionStorage.getItem("token"),
  },
  success: function (res, status, xhr) {
    var blob = new Blob([JSON.stringify(res)])
    // 获取请求体大小
    console.log(blob.size);
  },
})

使用Firefox可以更直观看到Size和Content的区别