如何使用 javascript 获取脚本和样式表的文件大小

Question

我有一个单页应用程序，它加载了一个缩小的 javascript 文件和一个样式表。这样做时，我想显示一个进度条。

是否可以获取文件大小并计算我的进度条的值？或者有其他方法吗？

<link rel="stylesheet" href="myPath/myStyles.css" type="text/css">
<script type="text/javascript" src="myPath/myScript.js"></script>

Answer 1

无法找到与页面一起加载的资源的大小。

您需要从 JavaScript 加载资源，以便访问包含大小的 HTTP 标头。

或者您需要操纵服务器通过其他方法（例如更新 cookie）发送附加信息。

我想可能有第三种方法，您可以将大小作为信息放入文件中，例如具有诸如 my-file-size { color:25 } 之类的 CSS 实体。但是您需要一个相当强大的工作流程来保持同步。

更新：忘记了第四个方法，该方法是在页面加载后从 JavaScript 对相同资源进行另一个请求。您可以只从服务器请求标头，不需要加载整个资源。