浅谈H5离线缓存

不说废话直接上步骤：

1-配置apache httpd.conf    (配置文件内收索text/plain  看到AddType的地方下边直接粘贴一下两行代码即可)

  AddType text/cache-manifest manifest     
  AddType text/cache-manifest .appcache

2-创建xxx.manifest文件用于配置缓存清单把下边的代码放进去
 CACHE MANIFEST

 CACHE:

 # 需要缓存的列表（根据自己的路径来）
 /api/today.php  
 /api/older.php
 NETWORK:
 *

3-在index.html 中的html标签中添加属性manifest="xxx.manifest"

配置完成后刷新页面，在后再点击别的页面会有穿特步一样的感觉.......

如果有类似报错：Application Cache Error event: Failed to parse manifest

查看xxx.manifest文件里粘贴代码前边是否有空格，去掉前后的空格即可

因为是H5的特性可能会存在浏览器版本兼容的问题，本人是在谷歌测试。