页面更新JS与CSS的缓存生效问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面更新JS与CSS的缓存生效问题相关的知识,希望对你有一定的参考价值。

之前在更新线上页面时,新更新的css不生效,反复确认了线上更新情况,文件都没有错误,最后发现是样式的缓存问题。排除了浏览器的缓存,服务器也没有对页面进行缓存处理,具体缓存到了哪里尚不明确。
问了几个同事,又上网查询了一下原因,最后发现了解决办法:在css文件后加上?key=******,这样就会被识别成不同文件,重新加载,解决之前的缓存问题。
js也是同样的道理。
下面附上示例,version的值可以是时间,还可以做个记录,确定版本。
js:
<script type=”text/javascript” src=”{JS文件连接地址}?version=XXXXXXXX”></script>
css:
<link rel=”stylesheet” type=”text/css” href=”{CSS文件连接地址}?version=XXXXXXXX”>
 

以上是关于页面更新JS与CSS的缓存生效问题的主要内容,如果未能解决你的问题,请参考以下文章

关于更新发布CSS和JS文件的缓存问题

解决linux服务器下js和css缓存的问题

web网站css,js更新后客户浏览器缓存问题,需要刷新才能正常展示的解决办法

转载web网站css,js更新后客户浏览器缓存问题,需要刷新才能正常展示的解决办法

js/css文件修改后浏览器本地缓存解决

前端开发怎么设置关闭当前页面删除h5缓存记录