当前位置 : 主页 > 网页制作 > css >

清理缓存

来源:互联网 收集:自由互联 发布时间:2021-06-13
标签: 编程 在 web 项目开发过程中,我们经常会引用 css、js 文件,更新文件后常出现缓存问题(明明更改了代码,在浏览器上访问的时候却没有发生变化),这种情况我们通常采用以

标签: 编程

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

  1. 手动清除浏览器缓存
  2. 添加版本号(如 layout.css?v=1)个人认为方法 2 更快,因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦,所以需要想办法自动添加版本号,以下是本人收集的方法:方法一:可以通过 js 自动给 html 添加版本号
1
2
3
 <script type="text/javascript">  
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+);
</script>

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

1
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

方法三:使用其他的方法添加版本号,如用 node.js 自动配置等ps:我们清除缓存的目的是为了及时看到页面的更新情况,当我们将页面上线时(即部署到正式环境,不会再做更改),建议把版本号固定,因为有缓存的页面访问更快,需要更新的时候再更换下固定版本号。

上一篇:CSS画一个三角形
下一篇:CSS 移动端页面
网友评论