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

标签 javascript css single-page-application filesize

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

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

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

最佳答案

无法找到随页面加载的资源的大小。

要么您需要从 JavaScript 加载资源,以便访问包含大小的 HTTP header 。

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

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

更新:忘记了第 4 种方法,该方法是在页面加载后从 JavaScript 再次请求相同的资源。您可以只从服务器请求 header ,不需要加载整个资源。

关于javascript - 如何使用 javascript 获取脚本和样式表的文件大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30390632/

相关文章:

asp.net-web-api - Web API/MVC 6 中的安全 JSON Web token

javascript - 如何从异步调用返回响应?

php - 选择距离按钮最近的文本区域

javascript - 尝试在 for 循环 jquery 中使用 inner.HTML 生成一个 div

javascript - 淡入淡出 PNG Sprite

javascript - 将 JSON 响应映射到 Vue.js 中的模型类

javascript - 仅在 Y 中具有固定标题的 HTML 表格(在 X 中可滚动)

javascript - 如何在jquery中隐藏基础选项卡

css - 使用 Angular 7 cli 解析 css 中的 Assets 路径

amazon-s3 - 单页应用程序 + Amazon S3 + Amazon CloudFront + Prerender.io - 如何设置?