浏览器如何计算xhr请求的大小

Question

我尝试了以下代码来找到xhr请求的大小。

var request = new XMLHttpRequest();
request.open('GET', 'authenticate.json', false);
request.send();
var size = request.getAllResponseHeaders().toLowerCase().match(/content-length: \d+/);
console.log(size + " bytes");

[当我通过示例ajax调用进行检查时，得到了188个字节。但是在网络控制台上，浏览器显示535个字节。

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS95Szdlai5qcGcifQ==” alt =“在此处输入图像描述”>

浏览器如何计算xhr请求的大小？那是内容长度还是其他？如何使用javascript而不是内容长度来找到尺寸？

Answer 1

[最可能是因为浏览器显示的大小是响应主体的总大小和所有标头的总和，而您的Ajax调用正在打印将小于总响应大小的响应标头的大小。

例如，这是我对邮递员的要求。响应大小分为两部分。当我在浏览器上发出请求时，总大小为728B。 （在网络控制台中指定）

Postman console