因为 ajax 可以设置头信息，所以在 ajax 中：

xmlHttpRequest.setRequestHeader(“If-modified-since”,”0″);

xmlHttpRequest.setRequestHeader(“Cache-Control”,”no-cache”);

jquery 使用 ajax 方法的时候设置 cache:false。

ajax 中也可以使用随机数参数。

response.setHeader(“Cache-Control”,”no-cache,must-revalidate”);

最后，因为浏览器的 http 请求是基于 URL 来的，缓存机制不适用于 POST，所以可以用 POST 代替 GET。

缓存负面影响

有时候我们打开网站会发现页面失去了样式，这种情况多数原因是网络环境差（加载css失败）或者页面错误，也有极少可能是缓存在本地的 css 缓存被损坏了，浏览器使用了本地缓存，但是并不知道缓存已经失效，而是加载了一个无效的缓存文件。

当然，这种情况发生的概率小到可以忽略，就算发生了这种情况，我们可以把解决方案推给用户（用户只需要清除缓存或者使用 Ctrl+F5 强制刷新即可）。

个人观点认为：多数网站都被建议使用缓存，如果说要挑出一个例外，那应该是适用一条法则：

更新频率大于用户访问频率

比如股票实时行情页面，秒杀页面……用户对于页面数据请求要保持最新，这样就必须要避免数据缓存。

代码规范

因为我们可以用强制刷新（Ctrl+F5），但是用户可能不会。开发人员一旦习惯强制刷新之后，就很容易忽略缓存问题。所以强制刷新不是好习惯，因为不是最大限度模拟用户行为。

在 html 中引入资源，包括媒体、CSS、JS，如果引入的资源文件是再次发布的，建议添加该文件的版本号（没有约定版本号可以使用时间串），如：

在移动端，务必这么做。

额外的，因为 https 越来越成为主流，为了更好兼容，在使用绝对地址引入外部脚本和样式文件，切勿限定协议类型。如：

应该替换为：

测试环境的临时解决方案

在测试的时候，每次修改一下版本号（随机数）都太麻烦。因为刷新按钮可以每次都去服务器请求文件，所以我们只要将修改的文件直接放到当前浏览器的地址栏，然后刷新一下页面就可以更新了（注意是和html页面同一个浏览器）。移动端也可以直接打开css或js文件的URI地址刷新一下。

相关文章：微信内置浏览器H5如何清除缓存以及 cookie 和 localStorage 何时清除