在html页面中引入manifest文件
在服务器添加mime-type text/cache-manifest
如下:
sample.appcache内容如下:
CACHE MANIFEST
#version n.n
CACHE:
#需要缓存的文件
/css/sample.css
/images/image.jpg
NETWORK:
#每次重新拉取的文件
*
FALLBACK:
#离线状况下代替文件
/ offline.html
html5离线存储的优势:
1.完全离线
2.资源被缓存,加载更快
3.降低server负载
适用场景:
1.单地址的页面,即:不带参数的地址,如果带参数,a=1改成a=2, 两个都会被缓存。
2.对实时性要求不高的业务。
3.离线webapp
吓哭原生App的HTML5离线存储技术,却出乎意料的容易!【低调转载】
吓哭原生App的HTML5离线存储技术,却出乎意料的容易![WeX5低调转载] 2015-11-16 lakb248 起步软件 近几天,WeX5小编编跟部分移动应用从业人士聊了聊,很多已经准备好全面拥 ...
HTML5离线存储原理
找到一篇介绍离线缓存的,感觉比之前看到的解释的更透彻,新的知识点记录如下: 大家都知道Web App是通过浏览器来访问的,所以离线状态下是无法使用app的.其中web app中的一些资源并不经常改变, ...
html5 离线存储 worker
html5 离线存储