万恶的IE！先吐槽一句！

      公司一个项目中的某数据需要使用到缓存机制，郁闷的事情就随之而来了。

测试部门反馈说切换账号时会串信息，反复查找都木有问题。浏览器也刷新了很多遍。

　　后来问题找到了，老大看过代码后，说问题出现在了IE的缓存机制上！

 

    对于长期使用火狐进行WEB开发的程序员伤不起啊！关键时刻忘记使用IE进行测试了！

去网上查找了下该问题的资料，原来是IE会根据URL进行缓存，所以会出现切换帐号时串数据的问题！

问题既然找到了，解决办法就很简单了，既在AJAX的请求URL上添加一个随机数就行了！

 

资料：

一、IE缓存机制大体说明

IE的缓存是以URL为标识的文件形式存储。实现步骤分为存储和使用（验证）。

A>存储（标记）缓存

接收HTTP响应头====>存储并且标记缓存文件

B>使用（验证）缓存

接受用户操作====>判断并且使用缓存文件

下面两节将分别讲述这两个方面的实测结果。

二、IE如何根据HTTP相应头来存储（标记）缓存

（包含且不仅包含）以下HTTP响应头将可能影响到IE如何存储（标记）缓存：Age、Cache-Control、Date、ETag、Expires、Last-Modified、Vary。

本次实验仅测试Cache-Control、Expires、Last-Modified头对IE缓存的影响。

A>IE如何标记缓存

IE接收文件统一存放他们在一个目录下，并且给每个文件打下以下标记：

1、Internet地址

2、截止期限

3、上次修改时间

B>HTTP头对标记缓存的影响

1、当没有配置Cache-Control、Expires时：

IE将存储此文件，其截止期限为空

2、配置Cache-Control:no-cache时：

IE将不会存储此文件

3、配置Cache-Control:no-store|no-transform|must-revalidate时：

IE将视同没有配置Cache-Control

4、配置Cache-Control：max-age时

IE将存储此文件，其截止期限为Date头的值加上max-age的秒数

5、配置Expires时：

IE将存储此文件，其截止期限为Expires的值

6、同时配置Expires和Cache-Control：max-age时：

IE将存储此文件，其截止期限为Date头的值加上max-age的秒数（也就是说max-age将覆盖Expires，IE这样的处理是遵循HTTP1.1协议的）

7、配置Last-Modified时：

IE将存储此文件，其上次修改时间为Last-Modified的值

三、IE接受用户操作时如何使用（验证）缓存

A>IE对缓存的三个标记分别有以下用途：

1、Internet地址 —— 资源是否被缓存；

2、截止期限 —— 资源是否过期（是否重新向服务器请求的关键）；

3、上次修改时间 —— 如果有这个值，向服务器请求时将加上If-Modified-Since，并且用此值填充。

B>实验得知，IE将用户操作分为以下几类：

1、前进后退

此时IE将无条件使用缓存中的文件，忽略截止期限的值。

2、从收藏夹访问、输入一个不同的地址

此时IE将使用截止期限的值来判断此缓存是否过期，如果过期则再次向服务器发器请求，反之则使用本地缓存

3、刷新

此时IE将向服务器发送一个请求

4、Ctrl 刷新

此时IE将向服务器发送一个请求，并且此请求中包括Cache-Control:no-cache;Pragmma:no-cache

四、有可能的后续实验，以及本次实验的局限性

1、测试更多头的影响，如Etag、Vary等

2、测试更广泛浏览器对协议的遵循使用情况

3、测试代理服务器软件对协议的遵循使用情况

 

五、测试工具、方法及其它附录

本次实验使用IE6 SP3、HTTPWatch Pro 6.0 IE插件、PHP5的Header函数、以及Excel记录测试画面。

更多方法、说明以及测试证据截图详见附件。（博客版欠奉..）