css 和 javascript 后面加上版本号有什么用?

html-css010

css 和 javascript 后面加上版本号有什么用?,第1张

加上版本号的作用主要有二个:

1.方便版本控制,比如1.1版本的样式表,可以升级为2.0版本的样式表

2.强制浏览器更新(因为http请求时,如果访问的路径不变,而客户端缓存中又有该文件时,浏览器会直接调用缓存中的文件,这样的话,即使服务端的css内容变化了,但是客户端仍然有可能显示的是旧文件,而加上新的版本号以后,浏览器会认为这是一个新的访问地址,会重新下载最新版本的文件)

给CSS、JS添加版本号可以防止客户端缓存。

比如:<script src="001.js?2015120710"></script>

001.js?2015120710 ?后面的2015120710是当前js的日期。

如果自动添加,建议还是以日期作为版本号,当然也可以通过程序随机生成一组数字或字符。

1、线上的时候:在模板文件里对css跟js的引入路径后面追加一个类似于常量来做版本号

<link rel="stylesheet" href="style.css?version=20150828" />

2、线下测试的时候:对css跟js的引入路径后面追加随机数,时时刻刻更新,避免缓存影响了调试。

3、线下测试后:升级常量的版本号,把代码更新上去,这样用户的浏览器刷新就用到了新的样式,而又用到了缓存。