离线应用缓存AppCache

307 阅读1分钟

混合开发的app中经常有内置的通过WebView加载Html5页面的情况,如果网络速度慢的话资源加载会延迟,严重影响用户体验。 可以使用AppCache机制,将html,css,js文件和一些本地图片缓存到用户本地,以后再访问就会快很多。 1.在html中声明使用manifest文件进行缓存数据,一般manifest文件默认后缀名为 .appcache。

2.设置服务器支持,比如apache,需要引入文件类型支持启用模块。 3.编辑manifest文件,也就是offline.appcache 该分为三个部分:CACHE,NETWORK 和 FALLBACK; ``` # 直接缓存的文件 CACHE:../index.html ../css/index.css ../js/jquery-2.2.4.min.js../js/index.js ../images/loading.gif ../images/index_one.jpg ../images/index_one_icon.png ../images/index_two.jpg 如果某个目录下的全部图片 ../images/offline/

#需要在线请求的文件路径 NETWORK: ../users/*

替代方案 ,当请求失败时需要跳转的页面

FALLBACK: ../error.html

这样设置好以后,web端是可以缓存的,但如果内嵌到安卓app上,还需要在Android端进行设置