有没有一种方法可以使用Javascript实时获取传输到页面的文件的总大小

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

本文关键字：传输文件获取实时一种方法 Javascript 可以使有没有更新时间：2023-09-26

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

loadedSoFar=window.document.loadedKB；

两种可能的用途是测试连接速度或绘制进度条。

Mac有活动监视器应用程序，可以提供网络使用情况。

从本质上讲，我想要的是通过Javascript实时获取网络使用信息。

有这样的工具或功能吗

理想情况下，它将在不需要计算所有页面组件的文件大小的情况下工作。

不，没有。

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

如果目的是提供一个加载条或一个吞吐量度量，您可以用文件统计数据来初始化客户端。最起码，如果您的脚本被允许"发现"负责加载每个文件的节点并监视其加载事件，或者如果脚本可以直接负责文件加载，那么您至少可以显示加载文件的进度超过总文件数。

除此之外，为了获得更详细的统计数据，您可以用要加载的文件的概要文件来初始化脚本，考虑到gzip压缩的大小。这将允许您在文件逐渐进入时显示整个过程的平均值。