给js动态添加版本号解决浏览器的缓存问题
创始人
2025-05-28 02:01:37
0次
我们知道打开网页时浏览器会加载需要的资源，比如图片、音频、js文件、css文件等。并且会把这些资源作为缓存保存下来，再次打开网页时缓存好的资源就不需要再次加载了。但是，这样有一个问题，就是当程序猿更新了网页内容后，因为浏览器缓存的存在，可能没有办法显示出更新后的内容。
今天我就遇到了这样的问题，做了一个小游戏的网页，用到了大量的图片和音频，测试时更新的js不能立刻反馈，总是需要清除缓存后刷新才能看到更新。但是大量的图片和音频，每次都需要清除缓存也太麻烦了，我就百度了一下有没有好的解决方法。
百度找到的解决方案就是给js添加版本号，这样每次更新版本号，浏览器就会重新加载js文件，如下：
document.write('
给引用的js文件动态添加版本号