HTML5 离线应用存储

离线应用存储:

回顾一下,前面我们学习了本地存储(localStorage)和本地数据库(SQLite)

离线应用存储可以借助使用本地存储和本地数据库。

离线应用就相当于是脱机操作。

离线应用介绍

Web2.0 技术鼓励个人的参与,每个人都是 Web 内容的撰写者。如果 Web 应用能够提供离线的功能,让用户在没有网络的地方(例如飞机上)和时候(网络坏了),也能进行内容撰写,等到有网络的时候,再同步到 Web 上,就大大方便了用户的使用。

clip_image001

在manifest文件中我们配置上我们想要离线存储的资源信息。

一般我们是在manifest文件中配置静态的文件,动态的页面或是资源,不用配置,因为我们是通过ajax的方式就会异步获取到动态新的数据。

浏览器端需要做的是在html标签内添加需要缓存的清单文件manifest文件。

clip_image002

HTML5 离线内容更新

更新缓存

应用程序可以等待浏览器自动更新缓存,也可以使用 Javascript 接口手动触发更新。

自动更新

浏览器除了在第一次访问 Web 应用时缓存资源外,只会在 cache manifest 文件本身发生变化时更新缓存。而 cache manifest 中的资源文件发生变化并不会触发更新。

手动更新

开发者也可以使用 window.applicationCache 的接口更新缓存。方法是检测 window.applicationCache.status 的值,如果是 UPDATEREADY,那么可以调用 window.applicationCache.update() 更新缓存。示范代码如下。

posted @ 2013-11-27 23:19  weifb  阅读(185)  评论(0)    收藏  举报