javascript - 当我们的应用程序作为小部件发布时，如何处理资产缓存？

Question

我们正在开发的应用程序的一部分即将作为一个小部件提供给第三方网站，其代码如下：

<script src="ourdomain/script.js" type="text/javascript"></script>
<div id="our-id"></div>

有没有办法为我们更新 script.js 代码修复时的情况提供解决方法，例如，关键错误，并且在下一次加载时用户没有缓存来阻止他获取新版本？

换句话说，在这种情况下是否有任何类似于时间戳 etag 的类比？

提前致谢！

Answer 1

一种方法（不是最好的）是强制他们在每次加载时加载脚本，所以不会发生缓存

<script type="text/javascript">
    document.write("<script src='ourdomain/script.js?" + (new Date().getTime()) + "' type='text/javascript'></script>");
</script>
<div id="our-id"></div>

另一个可能是从您的站点加载所有资产的 iframe，因此如果您更新 JS，您可以给它一个唯一的名称，以便它强制浏览器获取它