原生js--应用程序存储和离线web应用

1、应用程序缓存和其它存储方式的区别:

  a、不像localStorage和sessionStorage那样只存储web应用程序的数据,它将应用程序自身存储起来。

  b、不像浏览器缓存一样会过期或者被用户手动清除,除非用户“卸载”它们

  c、离线状态下使用localStorage存储相关的数据,当再次进入在线状态时,能够将存储的数据传输到服务器

2、应用程序缓存清单

  使用方法:

  a、想要将应用程序“安装”到应用程序缓存中,首先创建一个清单:包括所有应用程序所依赖的URL列表

  b、在主HTML页面的<html>标签中设置manifest属性指向该清单文件

  清单内容:

  a、首行必须以:CACHE MANIFEST字符串开始

  b、之后每行一个URL

  c、可以使用“#”进行注释

  清单MIME类型:

  “text/cache-manifest”类型,如果服务器将清单设置为其它类型则不会缓存应用程序

  复杂清单内容分为:

  “CACHE:”区:需要缓存的文件URL放在此处

  “METWORT:”区:该区域的资源不进行缓存,总是请求网络

  “FALLBACK:”区:该区域每行包括两个URL,第二个是放到缓存中的资源,如果请求第一个资源失败就会使用第二个资源

 

  

原生js--应用程序存储和离线web应用,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。