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

Posted 2023-03-07

【中文标题】有没有办法使用Javascript实时获取传输到页面的文件的总大小？

【英文标题】：Is there a way to get the total size of files transferred to a page in real time using Javascript?

【发布时间】：2015-11-16 11:37:38

【问题描述】：

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

loadedSoFar = window.document.loadedKB;

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

Mac 有 Activity Monitor 应用程序，可以提供网络使用情况。

基本上我正在寻找的是通过 javascript 实时获取的网络使用信息。

有没有这样的工具或功能？

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

【问题讨论】：

smashingmagazine.com/2011/11/… 上有一篇关于解决此问题的方法的好文章

【参考方案1】：

不，没有。

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

【参考方案2】：

如果目的是提供加载栏或吞吐量度量，您可以为客户端提供文件统计信息。最起码，如果您的脚本被允许“发现”负责加载每个文件的节点并观察它们的加载事件，或者如果脚本可以直接负责文件加载，那么您至少可以显示加载文件的进度超过总文件.

除此之外，要获得更详细的统计信息，您可以使用要加载的文件的配置文件来启动脚本，考虑 gzip 压缩大小。这将允许您在文件滴入时显示平均值。