浏览器如何计算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个字节。

浏览器如何计算xhr请求的大小？这是内容长度还是其他一些？如何使用javascript找到大小而不是查找内容长度？

Answer 1

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

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

Postman console