我有一个单页面应用程序,它会加载缩小的javascript文件以及样式表。在这样做时,我想显示进度条。
是否可以获取文件大小并计算进度条的值?或者还有另一种方法吗?
<link rel="stylesheet" href="myPath/myStyles.css" type="text/css">
<script type="text/javascript" src="myPath/myScript.js"></script>
答案 0 :(得分:2)
无法找到页面加载的资源大小。
您需要从JavaScript加载资源,以便您可以访问包含大小的HTTP标头。
或者您需要操纵服务器以通过其他方法发送附加信息,例如更新cookie。
我想可能有第三种方法,你把大小放在文件中作为信息,比如有my-file-size { color:25 }
之类的CSS实体或其他类似的信息。但是你需要一个相当强大的工作流程来保持这一步。
更新:忘记第四种方法,即在页面加载后从JavaScript执行相同资源的另一个请求。您只需从服务器请求标头,您就不需要加载整个资源。