Javascript 是否可以检查HTML页面中加载了多少字节？？

是否可以检查

HTML页面

中加载了多少字节？？如果没有，谁能解释一下这些

percentage preload

是如何在html页面中工作的，或者它们只是用户的错觉

---

我想为我的网站创建

预加载程序

，其功能类似于

flash预加载程序

。但不知道如何检查网站的每个元素是否都被加载或仍在加载

它以字节为单位返回html页面的大小，或者您可以获取内容长度标题

var request = new XMLHttpRequest();
request.open('GET', document.location, false);
request.send();
var size = request.getAllResponseHeaders().toLowerCase().match(/content-length: \d+/);
document.getElementById("size").innerHTML = size + " bytes";

---

无法获取当前页面的加载进度

但是，如果您通过AJAX加载任何内容，实际上都非常简单

服务器将（或至少应该）在响应中包含一个

Content Length

头，您可以读取该头（

xhr.getResponseHeader（“Content Length”）

），还可以读取到目前为止下载的数量（

xhr.responseText.Length

）并计算出百分比

但是，上述内容在一些较旧的浏览器中不起作用-它们不希望您在完全下载之前访问

xhr.responseText

---

在较新的浏览器中，即支持“XMLHttpRequest2”的浏览器中，您可以使用

progress

事件和相关属性来获取进度，但是一般的想法是使用

evt.loaded/evt.total

来加载分数。

您需要的所有信息都在FireBug或Inspector之类的开发工具的“网络”选项卡中。这里已经讨论过了：看这里：不是要降低积极性，而是直到我的上一个项目，我刚刚勉强完成它，只是给用户一个错觉。可悲的是，这更像是一件麻烦事，毫无价值。。。有时，我的进度条从60%直接变为100%：（.肯定会将您的问题添加到书签中，这样我就可以看到更好的解决方案并改进我的代码。@Konvial，它成功了吗？这是一个很好的开始。