强制刷新多个资源的浏览器缓存（CSS 和 Javascript）答案

【问题标题】：Force browser cache refresh for multiple resources (CSS & Javascript)强制刷新多个资源的浏览器缓存（CSS 和 Javascript）
【发布时间】：2012-02-11 02:01:03
【问题描述】：

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

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

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

【问题讨论】：

标签： caching browser

【解决方案1】：

在 url 中添加“缓存破坏器”，即 - 添加查询字符串参数。

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

变成

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

如果您正在制作分阶段发布，那么您可以只使用发布的版本作为缓存破坏器。

【讨论】：

【解决方案2】：

如何在文件名中添加随机字符串？例如时间戳。

style.css?123456

这应该会有所帮助。

【讨论】：