如何自动给CSS，JS添加版本号

给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、线下测试后：升级常量的版本号，把代码更新上去，这样用户的浏览器刷新就用到了新的样式，而又用到了缓存。

给网址后面添加一个随机数（或者是任意的字符串）即可，比如原来的网址是这样的：

http....../.../1.htm

改为

http....../.../1.htm?1234

即可（注意问号不能省）。

浏览器是根据网址来缓存的，所以只要给网址接个尾巴，浏览器就会认为是新网址，就会从网上重新下载数据了。当然，如果下次再次改变了网页内容，这个尾巴就要再次修改。

给css和js添加所谓版本号其实也是同一个原理。这个版本号其实就是给css和js的网址接个尾巴而已。

这个也同样适用网页里面的图片、音乐等资源，事实上只要是http协议的元素都可以利用这个办法来避开缓存实时刷新。

---