android h5使用缓存_HTML5缓存管理(WebApp离线策略)

一、主要功能

1：离线资源缓存：需要一种方式来指明应用程序离线工作时所需的资源文件。这样，浏览器才能在在线状态时，把这些文件缓存到本地。此后，当用户离线访问应用程序时，这些资源文件会自动加载，从而让用户正常使用。HTML5 中，通过 cache manifest

文件指明需要缓存的资源，并支持自动和手动两种缓存更新方式。

2：在线状态检测：知道浏览器是否在线，这样能够针对在线或离线的状态，做出对应的处理。在 HTML5

中，提供了两种检测当前网络是否在线的方式。

3：本地数据存储： HTML5

提供了 DOM Storage 和

Web SQL Database

两种存储机制。前者提供了易用的 key/value 对存储方式，而后者提供了基本的关系数据库存储功能。

2.1离线资源缓存

为了能够让用户在离线状态下继续访问Web 应用，开发者需要提供一个 cache manifest

文件。这个文件中列出了所有需要在离线状态下使用的资源，浏览器会把这些资源缓存到本地。

cache manifest 示例:

声明了 3

个需要缓存的资源文件“index.html”、“index.css”和“index.js”。

clock.manifest 代码

CACHE

MANIFEST

clock.html

clock.css

clock.js

添加了 cache

manifest 文件后，还需要修改“index.html”，把 标签的