JS检测网络状态

1.通过window.navigator.onLine属性，返回一个布尔值来判断当前网络状态。

if(navigator.onLine){
    console.log('网络正常！');
}else{
    console.log('网络中断！');
}

2.通过h5事件online、offline来监听网络状态，online加载页面时不会触发，会在网络中断后重连上时触发。offline网络连接中断时触发。

window.addEventListener('online', function(){
    console.log('网络连接恢复！');
})
window.addEventListener('offline', function(){
    console.log('网络连接中断！');
})

3.通过Offline.js库，当用户离线，即网络连接断开时，会自动向用户发出警告。在网络连接断开时它会抓取AJAX请求，并对请求进行备份，网络连接正常时重新发送AJAX请求。

github地址：https://github.com/hubspot/offline