【IE】在 HTML 中禁止 IE 缓存

大家在做前端页面开发的时候需要适配不同的浏览器,其中就属 IE 问题最多。可能你在 chrome 或 firefox 上调试好的页面效果一到 IE 上就完全动不起来了,debug 很久也发现不了问题,最后才会想到问题可能是在缓存上。

接下来从修改难易程度来介绍三种对应 IE 缓存的方法:

1.在 Head 里添加禁止使用缓存的代码,但是架不住 IE 流氓不睬它呀

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-control" content="no-cache" />
<meta http-equiv="Cache" content="no-cache" />
<link rel="shortcut icon" href="/Static/images/icon02.png" />

2.使用不带缓存的 ajax 方法

我自己将 jquery 的 ajax 方法封装了,所以只要改一处地方就好了,默认使用不带 cache 的方式,但 IE 这个流氓还是无视了它。

$.ajax({
    ……
    cache: false,//不使用缓存
    ……
})

3.将所有的 ajax 调用都改为 post 方法

这是我在试过多种方法,最后在别人的评论里发现的好方法open in new window

基本上用了方法 3 后就能解决 IE 的缓存问题了。