离线Web应用概念
离线Web应用，就是在设备不能上网的情况下任然可以运行的应用。
开发离线Web应用步骤
- 首先，确保应用指导设备是否能上网，以便下一步执行正确的操作。
- 然后，应用必须能访问一定的资源（
图像、js、css等）确保能正常工作。- 最后，必须有一块本地空间用于保存数据，无论能否上网都不妨碍读写。
离线检测（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("离线")
})；
网友评论