Question

如何解决网站页面CSS，JS脚本在浏览器的缓存问题

若以下回答无法解决问题，邀请你更新回答

Answer 1

可以通过添加版本号的方式来解决，比如：
<link rel="stylesheet" href="style.css" />
这种情况下，如果style.css进行了修改，浏览器很可能仍然从缓存中读取style.css（手机浏览器尤为严重），这样用户就不能立刻看到修改后的效果，直到缓存被定期（或不定期）清理。
解决办法：
<link rel="stylesheet" href="style.css?v=1" />
这样，如果style.css进行了修改，就把1改为其他数字（比如2），浏览器就会认为这是个新文件，就会去网站下载，而不是继续读取缓存了。当然，下次又做了修改，就要再次修改这个数字。因此，你可以把这个数字当作是文件的版本号。
js文件也可以这样处理。此外，像图片、音频、视频等资源文件，都可以通过这样的方法来解决缓存问题。