时间:2021-07-01 10:21:17 帮助过:9人阅读
1、手动清除浏览器缓存
2、添加版本号(如 layout.css?v=1)
个人认为方法2更快,因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦,所以需要想办法自动添加版本号,
以下是本人收集的方法:
方法一:可以通过js自动给html添加版本号
<script type="text/javascript"> document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>"); </script>
方法二:若是jsp页面,可以使用java代码生成时间戳(若是jsp页面用方法一也行,但此方法更方便)
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
方法三:使用其他的方法添加版本号,如用node.js自动配置等
ps:我们清除缓存的目的是为了及时看到页面的更新情况,当我们将页面上线时(即部署到正式环境,不会再做更改),建议把版本号固定,因为有缓存的页面访问更快,需要更新的时候再更换下固定版本号。
相信看了这些案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
相关阅读:
H5里图片中有缝隙应该如何解决
html5的页面结构需要注意那些方面
localStorage与sessionStorage该如何使用
以上就是怎样让前端界面自动清理js、css文件的缓存的详细内容,更多请关注Gxl网其它相关文章!