javascript - 加载页面 Firefox 时获取所有请求

Question

我想编写自己的 Firefox 插件，我的目标是向用户显示在加载的网站上收到了多少字节。

目前，我使用XMLHttpRequest. 然后我查看responseText.length. 这个长度只给了我一个文件的长度。例如，如果 URL 是http://www.test.de/index.html，我只得到 index.html 的大小。

但我想知道每个文件的大小，例如 CSS 文件、加载的图像等。类似于 FireBug 在他们的网络面板上使用它所做的事情。

我的问题是，如何获取每个 Javascript 特定网站的所有加载字节的大小！

Answer 1

Just for jQuery ajax requests:

var count = 0;
$(document).ajaxComplete(function(event, xhr, settings) {
  count += xhr.getResponseHeader('Content-Length');
});