关于HTML5的应用缓存功能

 

需要先在Apache的mime.types文件中添加文件类型

text/cache-manifest appcache

如下图：

配置html标签中的manifest属性，如下图所示

配置ca.appcache文件，代码如下：

CACHE MANIFEST
#05　　　　//版本控制

CACHE:
//需要缓存的内容
img/order/21121.png

NETWORK:
//不需要缓存的内容
*

FALLBACK:
//获取失败后的替换内容
//设置方法为  请求失败路径  “中间空格隔开”  替换的路径
img/order/ img/order/latiao.png

./ ./offline.html

　　

如下图所示

 

具体细节可以参考

https://www.cnblogs.com/yexiaochai/p/4271834.html