离线应用存储

离线应用介绍

Web2.0 技术鼓励个人的参与,每个人都是 Web 内容的撰写者。
如果 Web 应用能够提供离线的功能,让用户在没有网络的地方(例如飞机上)
和时候(网络坏了),也能进行内容撰写,等到有网络的时候,
再同步到 Web 上,就大大方便了用户的使用。
HTML5 作为新一代的 HTML 标准,包含了对离线功能的支持。
存储逻辑

HTML5 实现离线应用

  1. 让apache 、nginx 或 IIS 支持 .manifest 文件
    在apache的配置文件httpd.conf中添加下面一行
AddType  text/cache-manifest   .manifest
  1. 创建manifest文件(如 offline.manifest
// 声明文件头部
CACHE MANIFEST

// 离线存储文件
CACHE
index.html
style.css

// 需要网络调用的文件
NETWORK:
search.php

// 资源失效或不可用时更新文件
index.html
  1. 关联manifest文件到html文档
<html manifest='offline.manifest'>

HTML5 离线内容更新

更新缓存

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

自动更新

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

手动更新

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值