有没有办法使用 Javascript 实时获取传输到页面的文件总大小?

Is there a way to get the total size of files transferred to a page in real time using Javascript?

我正在寻找一种方法来了解网页加载时传输了多少 KB 的信息。例如说:

会很好

loadedSoFar = window.document.loadedKB;

两个预期用途是测试连接速度或绘制进度条。

Mac 有 Activity 可以提供网络使用情况的监视器应用程序。

本质上,我正在寻找的是通过 Javascript 获得的实时网络使用信息。

有这样的工具或功能吗?

理想情况下,我无需计算所有页面组件的文件大小即可工作。

没有,没有。

JavaScript 无法访问那样的网络流量。

如果目的是提供加载栏或吞吐量度量,您可以为客户端提供文件统计信息。最起码,如果你的脚本被允许 "discover" 负责加载每个文件的节点并观察它们的加载事件,或者如果脚本可以直接负责文件加载,你至少可以显示文件加载的进度文件总数。

除此之外,为了获得更详细的统计信息,您可以使用要加载的文件的配置文件来启动脚本,并考虑 gzip 压缩后的大小。这样一来,您就可以在文件不断涌入时显示平均值。