HTML页面自动清理js、css文件的缓存(自动添加版本号)_HTML/Xhtml_网页制作

这篇文章主要介绍了html页面自动清理js、css文件的缓存(自动添加版本号),小编觉得挺不错的,现在分享给大家html源码,也给大家做个参考。对html感兴趣的小伙伴们一起跟随小编过来看看吧

 在web项目开发过程中,我们经常会引用css、js文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以下两种解决方案:

1、手动清除浏览器缓存

2、添加版本号(如 layout.css?v=1)

个人认为方法2更快,因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦,所以需要想办法自动添加版本号,

立即学习“前端免费学习笔记(深入)”;

以下是本人收集的方法:

方法一:可以通过js自动给html添加版本号

  1.   document.write("");

登录后复制

方法二:若是jsp页面,可以使用java代码生成更新(若是jsp页面用方法一也行,但此方法更方便)

  1. ">

登录后复制

方法三:使用其他的方法添加版本号,如用更新自动配置等

ps:我们清除缓存的目的是为了及时看到页面的更新情况,当我们将页面上线时(即部署到正式环境,不会再做更改),建议把版本号固定,因为有缓存的页面访问更快,需要更新的时候再更换下固定版本号。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关推荐:

更新

更新

更新

以上就是HTML页面自动清理js、css文件的缓存(自动添加版本号)_HTML/Xhtml_网页制作的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    dreamweaver怎么快速对齐代码? dw对齐代码的设置方法_Dreamweaver教程_网页制作

    2025-4-1 2:00:41

    编程技术

    HTML5打开手机扫码功能及优缺点_html5教程技巧

    2025-4-1 2:00:48

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索