HTML页面自动清理文件的缓存的解决方法

在Web开发过程中,我们经常会使用CSS和JS文件,当更新文件后,我们经常会遇到缓存方面的问题,让爱站技术频道小编带你进入下文了解一下HTML页面自动清理文件的缓存的解决方法!

解决方案:

1、手动清除浏览器缓存

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

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

以下是本人收集的方法:

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

   
document.write("");   

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


 

<link href="/css/layout.css?v=” rel=”stylesheet” type=”text/css”>

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

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

以上就是本文介绍的HTML页面自动清理文件的缓存的解决方法,希望对大家的学习有所帮助,也希望大家多多支持爱站技术频道。