HTML5 离线应用存储
离线应用存储:
回顾一下,前面我们学习了本地存储(localStorage)和本地数据库(SQLite)
离线应用存储可以借助使用本地存储和本地数据库。
离线应用就相当于是脱机操作。
离线应用介绍
Web2.0 技术鼓励个人的参与,每个人都是 Web 内容的撰写者。如果 Web 应用能够提供离线的功能,让用户在没有网络的地方(例如飞机上)和时候(网络坏了),也能进行内容撰写,等到有网络的时候,再同步到 Web 上,就大大方便了用户的使用。
在manifest文件中我们配置上我们想要离线存储的资源信息。
一般我们是在manifest文件中配置静态的文件,动态的页面或是资源,不用配置,因为我们是通过ajax的方式就会异步获取到动态新的数据。
浏览器端需要做的是在html标签内添加需要缓存的清单文件manifest文件。
HTML5 离线内容更新
更新缓存
应用程序可以等待浏览器自动更新缓存,也可以使用 Javascript 接口手动触发更新。
自动更新
浏览器除了在第一次访问 Web 应用时缓存资源外,只会在 cache manifest 文件本身发生变化时更新缓存。而 cache manifest 中的资源文件发生变化并不会触发更新。
手动更新
开发者也可以使用 window.applicationCache 的接口更新缓存。方法是检测 window.applicationCache.status 的值,如果是 UPDATEREADY,那么可以调用 window.applicationCache.update() 更新缓存。示范代码如下。



浙公网安备 33010602011771号