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

Question

我想编写自己的Firefox Addon，我的目标是向用户显示已加载网站上收到的字节数。

现在，我用XMLHttpRequest来做。然后我查看responseText.length。这个长度只给我一个文件的长度。例如，如果网址为http://www.test.de/index.html，我只会获得index.html的大小。

但是我希望拥有每个文件的大小，例如CSS文件，加载的图像等。类似于FireBug在网络面板上使用的文件。

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

Answer 1

仅适用于jQuery ajax请求：

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