您当前的位置:首页 > 电脑百科 > 程序开发 > 编程百科

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

时间:2022-03-18 15:23:09  来源:  作者:开发分享

使用场景:

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

 

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

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

 

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

解决办法:

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

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

 

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

<script type="text/JAVAscript" src="https://acstatic-dun.126.NET/tool.min.js?v=2022031701"></script>

其中:

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

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

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

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

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

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



Tags:JS不更新   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
如何解决在浏览器中JS不更新的问题,浏览器缓存问题
使用场景:无论我们用PC端浏览网站还是用的移动端,网站都会缓存一些CSS,JS等文件。尤其是JS,我们常会写些代码,我之前曾在苹果手机上多番尝试都没办法清除缓存的文件。后面通过在J...【详细内容】
2022-03-18  Search: JS不更新  点击:(1715)  评论:(0)  加入收藏
▌简易百科推荐
Meta如何将缓存一致性提高到99.99999999%
介绍缓存是一种强大的技术,广泛应用于计算机系统的各个方面,从硬件缓存到操作系统、网络浏览器,尤其是后端开发。对于Meta这样的公司来说,缓存尤为重要,因为它有助于减少延迟、扩...【详细内容】
2024-04-15    dbaplus社群  Tags:Meta   点击:(1)  评论:(0)  加入收藏
SELECT COUNT(*) 会造成全表扫描?回去等通知吧
前言SELECT COUNT(*)会不会导致全表扫描引起慢查询呢?SELECT COUNT(*) FROM SomeTable网上有一种说法,针对无 where_clause 的 COUNT(*),MySQL 是有优化的,优化器会选择成本最小...【详细内容】
2024-04-11  dbaplus社群    Tags:SELECT   点击:(0)  评论:(0)  加入收藏
10年架构师感悟:从问题出发,而非技术
这些感悟并非来自于具体的技术实现,而是关于我在架构设计和实施过程中所体会到的一些软性经验和领悟。我希望通过这些分享,能够激发大家对于架构设计和技术实践的思考,帮助大家...【详细内容】
2024-04-11  dbaplus社群    Tags:架构师   点击:(0)  评论:(0)  加入收藏
Netflix 是如何管理 2.38 亿会员的
作者 | Surabhi Diwan译者 | 明知山策划 | TinaNetflix 高级软件工程师 Surabhi Diwan 在 2023 年旧金山 QCon 大会上发表了题为管理 Netflix 的 2.38 亿会员 的演讲。她在...【详细内容】
2024-04-08    InfoQ  Tags:Netflix   点击:(3)  评论:(0)  加入收藏
即将过时的 5 种软件开发技能!
作者 | Eran Yahav编译 | 言征出品 | 51CTO技术栈(微信号:blog51cto) 时至今日,AI编码工具已经进化到足够强大了吗?这未必好回答,但从2023 年 Stack Overflow 上的调查数据来看,44%...【详细内容】
2024-04-03    51CTO  Tags:软件开发   点击:(8)  评论:(0)  加入收藏
跳转链接代码怎么写?
在网页开发中,跳转链接是一项常见的功能。然而,对于非技术人员来说,编写跳转链接代码可能会显得有些困难。不用担心!我们可以借助外链平台来简化操作,即使没有编程经验,也能轻松实...【详细内容】
2024-03-27  蓝色天纪    Tags:跳转链接   点击:(15)  评论:(0)  加入收藏
中台亡了,问题到底出在哪里?
曾几何时,中台一度被当做“变革灵药”,嫁接在“前台作战单元”和“后台资源部门”之间,实现企业各业务线的“打通”和全域业务能力集成,提高开发和服务效率。但在中台如火如荼之...【详细内容】
2024-03-27  dbaplus社群    Tags:中台   点击:(11)  评论:(0)  加入收藏
员工写了个比删库更可怕的Bug!
想必大家都听说过删库跑路吧,我之前一直把它当一个段子来看。可万万没想到,就在昨天,我们公司的某位员工,竟然写了一个比删库更可怕的 Bug!给大家分享一下(不是公开处刑),希望朋友们...【详细内容】
2024-03-26  dbaplus社群    Tags:Bug   点击:(8)  评论:(0)  加入收藏
我们一起聊聊什么是正向代理和反向代理
从字面意思上看,代理就是代替处理的意思,一个对象有能力代替另一个对象处理某一件事。代理,这个词在我们的日常生活中也不陌生,比如在购物、旅游等场景中,我们经常会委托别人代替...【详细内容】
2024-03-26  萤火架构  微信公众号  Tags:正向代理   点击:(14)  评论:(0)  加入收藏
看一遍就理解:IO模型详解
前言大家好,我是程序员田螺。今天我们一起来学习IO模型。在本文开始前呢,先问问大家几个问题哈~什么是IO呢?什么是阻塞非阻塞IO?什么是同步异步IO?什么是IO多路复用?select/epoll...【详细内容】
2024-03-26  捡田螺的小男孩  微信公众号  Tags:IO模型   点击:(10)  评论:(0)  加入收藏
相关文章
    无相关信息
站内最新
站内热门
站内头条