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

Question

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

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

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

Answer 1

向url添加一个“cache buster”，即 - 添加一个查询字符串参数。

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

成为

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

如果您正在上演的版本中，你就可以只使用版本作为缓存克星的版本。

Answer 2

如何将随机字符串添加到文件的名称？例如时间戳。

style.css?123456 

这应该有所帮助。