清除浏览器缓存css(html css js 实战案例)

如何更新缓存HTML中css和js链接中国尚品,北京的一家网站建设公司:搜索关键词。在搜索引擎中的htaccess缓存,你可以搜索很多关于设置网站文件缓存的教程。通过设置,您可以在浏览器中缓存css、js和其他不经常更新的文件,以便每次访问者访问您的网站时,浏览器可以从浏览器缓存中获取css、js等,而不是从您的服务器中读取,这在一定程度上加快了网站的打开速度,并节省了您的服务器流量。

现在的问题是。htaccess有一个过期时间。如果css和js缓存在访问者的浏览器中,浏览器只会在css和js缓存过期之前从缓存中读取css和js。如果您在服务器上修改css和js,这些更改不会在回头客的浏览器中更改,除非回头客按下CtrlF5刷新您的网站页面或手动清空浏览器缓存。一个网站有成千上万的访问者,而且会有许多回头客。你不能让每个访问者在更新css后都刷新缓存。你将如何处理这个问题?

治疗方法

1.给css文件添加一个版本号:事实上,每次修改css文件后修改css文件名有点麻烦,所以我们可以给cssloading语句添加一个版本号(也就是在css链接中?在内容的后面)。例如,原始html中的css调用语句如下:

只需将css文件的版本号更改为2012:

2.更改css文件名:事实上,解决这个问题很简单。缓存通过文件名标记缓存的内容。更新网站的css文件内容后,只需更改css文件名。例如,原始html中的css调用语句如下:

只需更改css文件名:

更改css文件名的另一种方法是将版本号写入文件名,例如:

css文件更新后,更改文件名中的版本号:

事实上,css文件后面的问号不能发挥实际作用,只能作为后缀使用。如果使用问号加参数的方法,可以添加版本号等信息,同时刷新浏览器缓存。一个小细节可以给我们带来极大的方便。

这篇文章发表在北京网站生产公司尚品http://www.sino-web.net/,中国

原创文章,作者:搜够小编,如若转载,请注明出处:http://www.sogoubaike.cn/archives/116587