解决网站改变CSS和JS文件后让浏览器及时正常显示

方法技巧 |  251人已阅 | 字体大小: 默认
本文共计743个汉字和字符,阅读时长预计3分钟左右。

众所周知,浏览器有本地缓存功能,访问过的网站的css、JS、图片一般都在本地缓存有,下次打开网站会加载得很快。但是当网站改版CSS或者JS文件时,虽然服务器已经改变了文件,但是客户端的浏览器打开访问还是原来就网站的样式,除非清除掉客户端浏览器的缓存才能看到网站新的样式。那如何不用清除浏览器缓存就能加载网站新的样式呢?方法有两种:
第一种:重命名css或者JS,比如原来的css样式是“chanbee.css”,那么就改成“chanbee-1.css”,原来的JS“chanbee.js”改成“chanbee-1.js”,这样的话浏览器请求服务器的文件就是新的文件了。
第二种:就是在这句<link rel="stylesheet" href="chanbee.css" type="text/css"/>里的 chanbee.css后面添加个版本号比如:?version=1.0.1 改成这样<link rel="stylesheet" href="chanbee.css?version=1.0.1 " type="text/css"/>,同理JS文件<script type="text/javascript" src="chanbee.js"></script>添加个版本号改成<script type="text/javascript" src="chanbee.js?version=1.0.1 "></script>,这样改变版本号,客户端浏览器就会重新下载新的js或css文件,起到刷新缓存的作用。css文件后面的问号起不到实际作用,仅能当作后缀,如果用问号加参数的方法,可以添加版本号等信息,更新的同时可以刷新一下浏览器端的缓存。一个小小的细节,可以给我们带来很大的方便。 

因此,推荐使用第二种方法!

文章标签:
如需转载或复制本文请附带上 本文超链接 并注明出处: CHANBEE
本文标题: 解决网站改变CSS和JS文件后让浏览器及时正常显示
本文链接: http://www.chanbee.com/change-css-and-js-let-browsers-normal-display.html
发布日期: 2020-12-09
您可以分享本文到以下社交:

上一篇:

下一篇:没有下一篇了,本篇文章是最新的一篇

相关文章推荐

  • 纯CSS实现16:9等比例DIV容器

  • 如何让WordPress搜索框只搜索特定分类下的文章呢

  • 纯CSS实现16:9等比例DIV容器

  • 让WordPress后台文章列表按最新修改来排序


  • 返回
    顶部