龙空技术网

如何解决在浏览器中JS不更新的问题,浏览器缓存问题

开发分享 261

前言:

而今看官们对“js动态更新数据”大体比较珍视,兄弟们都想要了解一些“js动态更新数据”的相关内容。那么小编也在网上收集了一些关于“js动态更新数据””的相关资讯,希望咱们能喜欢,兄弟们快快来了解一下吧!

使用场景:

无论我们用PC端浏览网站还是用的移动端,网站都会缓存一些CSS,JS等文件。尤其是JS,我们常会写些代码,我之前曾在苹果手机上多番尝试都没办法清除缓存的文件。后面通过在JS后面增加版本号即可解决问题。

那么,我们先来看看重现问题,我们写的JS引用,如下图:

以上是没有版本号的,如果你修改了tool.min.js文件,并上传到服务器。刷新该页面后,仍然对新修改的不会有任何响应,因为缓存了。

解决办法:

在后面加上?V=xxx,版本号,那么浏览器就会把它当作一个新的文件,重新加载,如下图:

当然,我们作为一些长期维护的网站,我们的版本号很可能更多的是这样:

<script type="text/javascript" src=";></script>

其中:

1)20220317代表的是今天的日期

2)最后两位数字代码的是当天更新的第几次。

这样做了之后,无论我们在移动端还是PC端就不会出现缓存的现象。

当然缓存这块完全看浏览器,不排除有些浏览器仍然没生效,那就只有清除浏览器缓存了。

不过怎么主流的IE浏览器,微信浏览器,GOOGLE器不会出现这个问题。

欢迎加我,一起分享开发的思路与代码

标签: #js动态更新数据 #js打开新的浏览器没反应怎么回事儿啊苹果 #js打开新的浏览器没反应怎么回事儿啊苹果手机 #js打开新的浏览器没反应怎么回事儿啊怎么办 #为什么js文件不起作用