清除css、javascript及背景图在浏览器中的缓存_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了清除css、javascript及背景图在浏览器中的缓存_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1225字，纯文字阅读大概需要2分钟。

内容图文

　　在实际项目开发过过程中，页面是上传到服务器上的。而为了减少服务器的压力，让用户少加载，浏览器会将图片、css、js缓存到本地中，以便下次访问网站时使用。这样做不仅减少了服务器的压力，并且也减少了用户的下载次数，获得更好的用户体验。

　　然而在版本升级或做一些css、js等调整的时候，缓存导致用户无法显示更新后的样式，这是另人头头疼的问题。除非用户自行手动升级缓存，不过几乎所有用户不会为了正常访问这个网站而去手动清除缓存，因为用户根本不知道是不是缓存的问题，而归根结底，用户就是认为你的页面存在问题，不能正常访问。

　　为了可以正常使用缓存，又避免这样的问题，我们可以动脑筋想想，如果解决此问题呢？

　　如果更改了样式不能正常访问，那么更改样式的文件名呢？答案是可以的，这里将不再验证。然而每次都手动的去更改文件名显然过于麻烦，能不能不更改文件名呢？答案是肯定的。我们可能通在引入的文件名后面加入版本号，与之前的版本都不同的版本号（一般为更新日期）。代码如下：

　　可以看到我的CSS文件名及JS文件名后面都跟了"v=20140829"，这样做可以不去改变文件名又做到缓存的同时，可以实时更新。而"v=20140829"只是普遍习惯书写，可更改为其它的。

　　最后是图片，一般img标签的图片都不会重名，因为都是在后台生成的文件名。而如果是固定的文件名图片，方法同上。而对于背景图，由于更改了样式名，图片的解析路径自然是更新同步，因此背景图也更新了。

内容总结

以上是互联网集市为您收集整理的清除css、javascript及背景图在浏览器中的缓存_html/css_WEB-ITnose全部内容，希望文章能够帮你解决清除css、javascript及背景图在浏览器中的缓存_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---