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

Question

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

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

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

Answer 1

在URL中添加"cache buster"即 - 添加查询字符串参数.

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

变

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

如果您正在制作分阶段版本,则可以使用该版本的版本作为缓存破坏程序.