caching - 强制刷新多个资源的浏览器缓存(CSS 和 Javascript)

Question

我正在开发一个网站，目前正处于测试阶段。

每当我对 Javascript 和 CSS 进行一些重大更改时，我的测试人员都会告诉我许多新错误，其中一些非常严重。然而，所有这些都是由于浏览器缓存了 JS 脚本和 CSS 文件以及使用旧版本和新 HTML 造成的。此外，由于这是一个测试版本，我有大约 10 个独立的 JS 文件与 <script type="text/javascript" src="..."></script> 链接。标签。手动刷新样式表是可以的，但是要求测试人员检查每个 JS 文件并刷新它有点太多了。

有没有办法通知浏览器链接的文件已更新并需要重新加载？

Answer 1

向 URL 添加“缓存破坏程序”，即添加查询字符串参数。

<script src="foo.js"></script>

变成了

<script src="foo.js?v=1"></script>

如果您正在制作分阶段版本，则可以仅使用该版本作为缓存破坏器。