html5离线应用流程介绍 （含 apache2下部署的配置离线应用搭建实例）

离线应用中浏览器与服务器的交互过程

Ø         首次访问

抓包结果：

和流程有点出入

 

Ø         再次访问如果服务器没有更新

返回304表示该文件没有改动

抓包结果：

Ø         再次访问如果服务器有更新

 

 

抓包结果：

 

实例

搭建环境

Windowsxp+apache2+safari浏览器

 

关于apache2的服务器的搭建请参照

http://blog.youkuaiyun.com/shuzui1985/article/details/7738109

 

关于本例中使用的实验源码见

 

《apache2下部署的配置离线应用搭建及html5离线应用流程介绍 》附件

 

使用服务器的离线功能

在C:\Program Files\Apache Software Foundation\Apache2.2\conf\httpd.conf

中

<IfModule mime_module>

    ……

    AddType text/cache-manifest appcache   —添加改行

</IfModule>

 

该功能就可以开启服务器的离线功能

 

本例比较简单，直接将需要验证的HTML放入默认的

C:\Program Files\Apache Software Foundation\Apache2.2\htdocs路径中

 

重启apache2服务

 

在浏览器中输入

http://localhost/test_offline/

 

 

在源码设定的20秒主动刷新时间之内，快速修改

 

 

 

我们发现浏览器20秒后自动刷新并显示了内容