在Js或者cess后加版本号 防止浏览器缓存

在Js或者cess后加版本号 防止浏览器缓存

  客户端浏览器会缓存css或js文件,从而减少加载次数,减少流量,提高网页的访问速度。为了使得每次修改js或者css能生效,可以通过改变版本号来使得客户端浏览器重新下载新的js或css文件,在js或css后加?v=版本号或者version=版本号的用法如下:

  <script type="text/javascript" src=”jb51.js?version=1.2.6"></script> 
  <link rel="stylesheet" href="base.css?version=2.3.3" type="text/css" />

  使用参数有两种可能:

  第一种:脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。即上面代码对于文件来说 等价于:(注:这种没有明白,先抄下来)

  <script type="text/javascript" src=”jb51.js"></script> 
  <link rel="stylesheet" href="base.css" type="text/css" />

  第二种:客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。大家可能有时候发现修改了样式或者js,刷新的时候不变,就是客户端缓存了css或者js文件,因此加上参数还是有好处的!  

 

  公司做法:

    在修改js或者css之后,版本号一般设置为当前时间(精确到分),这样在合并上线代码的时候,如果看到比自己当前时间戳更新的版本就使用最新的,避免随便写版本号,也不知道那个是最新的情况。

转载于:https://www.cnblogs.com/boothsun/p/5036227.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值