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

时间 2019-11-19

标签原生应用程序存储离线 web 栏目 JavaScript 繁體版

原文原文链接

一、应用程序缓存和其它存储方式的区别：html

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

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

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

二、应用程序缓存清单服务器

　　使用方法：网络

　　a、想要将应用程序“安装”到应用程序缓存中，首先建立一个清单：包括全部应用程序所依赖的URL列表session

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

　　清单内容：资源

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

　　b、以后每行一个URL

　　c、能够使用“#”进行注释

　　清单MIME类型：

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

　　复杂清单内容分为：

　　“CACHE：”区：须要缓存的文件URL放在此处

　　“METWORT：”区：该区域的资源不进行缓存，老是请求网络

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