13、离线 Web 应用开发全解析

离线 Web 应用开发全解析

1. 缓存按钮操作与更新机制

当点击缓存按钮时，会读取 data - action 属性的值。若属性值为 update ，则调用缓存更新方法，这会使浏览器与服务器通信，检查清单文件是否有更改。若清单文件有变化，缓存状态将变为 UPDATEREADY ，并向用户显示“应用更新”按钮。点击“应用更新”按钮时，调用 swapCache 方法将更新内容推送到应用缓存中，不过这些更新要在应用重新加载后才会生效，可通过调用 window.location.reload 方法强制重新加载。

操作步骤如下：
1. 点击缓存按钮。
2. 读取 data - action 属性值。
3. 若值为 update ，调用 window.applicationCache.update() 检查清单文件。
4. 若清单文件有更新，缓存状态变为 UPDATEREADY ，显示“应用更新”按钮。
5. 点击“应用更新”按钮，调用 window.applicationCache.swapCache() ，并使用 window.location.reload 重新加载应用。

2. 应用缓存条目与缓存控制头

调用 applicationCache 方法并不总是会让浏览器与服