HTML5离线存储

离线缓存:可以让web应用在离线的情况下继续使用,通过manifest文件指明需要缓存的资源

检测是否离:navigator.onLine

浏览器支持

使用

  • 创建manifest文件

  • HTML引用manifest文件

<html manifest="sample.appcache">

  • 在服务器添加mine-type text/cache-manifest

  • 更新

如果资源有修改,则必须通过修改manifest文件来刷新被缓存的文件列表

优势

  1. 完成离线
  2. 资源被缓存,加载更快
  3. 降低server负载

缺陷

  1. 含有manifest属性的当前请求页无论如何都会被缓存

  2. 更新需要建立在manifest文件的更,文件更新后是需要页面再次刷新的(两次刷新才能获取资源)

  3. 更新是全局性的,无法单独更新某个文件

  4. 对于凯娜姐的参数编号是敏感的,任何一个参数的修改都会被master更新缓存(重复缓存含参页面)index.html和index.html?renew=1会被认为是不同文件,分别缓存

应用

  1. 单地址页面

  2. 对实时性要求不高的业务

  3. 离线webapp


  Reprint please specify: 云深不知处 HTML5离线存储

 Previous
Vue组件 Vue组件
父组件使用子组件需要在父组件中引入子组件声明子组件的名字 components: { 子组件名字 }, 使用路由路径要配对 在父组件传值过程中,遇到传过去的值为undefined,原因是在父组件中的data未定,导致子组件的数
2019-03-18
Next 
HTML5关系型数据库存储 HTML5关系型数据库存储
Web SQL 和 IndexedDB 一种能在浏览器中持久化地存储结构化数据的数据库,并且为web应用提供了丰富的查询能力 浏览器支持 chrome 11 + opera 不支持 Firefox 4+ IE 10+ 存储结构 Indexe
2019-03-17
  TOC