WonderCSS

前端设计中不可忽视的随机码设置

之前我们提到过一篇《解决 Chrome 浏览器高速缓存无法更新背景图片问题》的文章,其中涉及到了为背景图片添加“随机码”或理解为版本号来防治客户端浏览器缓存的更新不及时。在此我们延伸的介绍下前端设计中不可忽视的版本号设置。

js或CSS样式表后的“?”问号

比如在JS或CSS样式表的链接中加入”?”及参数:


<link type="text/css" rel="stylesheet" href="http://www.wondercss.com/share/by-wonder.css?ver=1.0" />

背景图片后的“?”问号

在样式表中的背景图片你也能看到它的出现:


background:url(../images/logo.jpg?build20130420) no-repeat;

为什么要给这些“元素”添加随机码或版本号呢,简单的说:避免浏览器缓存。有些我们需要即时控制更新的内容,我们可以用这个方法来放置浏览者因缓存而无法看到“最新最及时”的内容,比如促销活动的日期图片,网站重要架构CSS的变动等等。

By 于湛 发布于 2013.04.20 2,239 次浏览

发表评论

电子邮件地址不会被公开。 必填项已用*标注