离线Web应用概念

离线Web应用，就是在设备不能上网的情况下任然可以运行的应用。

开发离线Web应用步骤

1. 首先，确保应用指导设备是否能上网，以便下一步执行正确的操作。
2. 然后，应用必须能访问一定的资源（图像、js、css等）确保能正常工作。
3. 最后，必须有一块本地空间用于保存数据，无论能否上网都不妨碍读写。

离线检测（navigator.onLine）

h5为了检测应用是否离线，定义一个navigator.onLine属性,true表示设备能上网，false表示离线。

if(navigator.onLine){
  //正常工作
} else {
  //执行离线状态时的操作
}

除了navigator.onLine属性，H5还定义了两个在window上触发的事件：

• online - 网络从离线变成在线。
• offline - 网络从在线变成离线。

 window.addEventListener("online",function(){ 
      console.log("在线")
 })；
window.addEventListener("offline",function(){ 
      console.log("离线")
 })；

（注意兼容规范）