2019-6-3 Ready-four 关于浏览器缓存上传js/css,更新文件是不能及时刷新新的js/css

web网站上线后,经常需要更新js,css,img等静态文件,但浏览器又会缓存这些静态文件,如何在更新时让浏览器获取到最新的文件呢?

1.如果在每个静态文件后面加上一个版本号

<script type="text/javascript" src="/js/confirm.js?v=2019"></script>
<link rel="stylesheet" href="css/question.css?v=2019">

统一配置,那每次更新版本,所有的静态文件都会一起更新。
css文件后面的问号起不到实际作用,仅能当作后缀。

使用版本号参数的作用

①客户端会缓存css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件,起到刷新缓存的作用。
②脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。

2.更换不同的css,js文件名

修改前:

<link rel="stylesheet" href="style.css" type="text/css"  media="screen"/>

修改后:

<link rel="stylesheet" href="style2.css" type="text/css"  media="screen"/>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,981评论 1 45
  • 为了提升网站的访问速度,需要尽可能的减少客户端与服务器端的请求数量与传输的数据量以及服务器从硬盘或数据库读取内容的...
    木白no1阅读 11,082评论 0 4
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 27、移动端响应式布局开发 响应式布局开发 1、什么是响应式布局开发?把我们开发完成的产品,能够让其适配不同的设备...
    萌妹撒阅读 4,788评论 0 0
  • 一、简介浏览器缓存 浏览器缓存就是把一个已经请求过的Web资源(如html页面,图片,js,数据等)拷贝一份副本储...
    vinterx阅读 5,377评论 0 4