前端检测网络状态

navigator.onLine属性可以判断当前的网络是否在线

1. 若在线则该属性的值为true
2. 缺点： 不能及时的监听到网络断开还是连接，需要刷新页面才行

html5中提出了检测网络状态的两个事件online和onoffline

1. 通过window元素来进行监听网络在线还是断开
2. 缺点： 存在兼容性
3. 实例如下：

window.addEventListener('online',()=>{console.log('网络已连接')})
window.addEventListener('offline', ()=> {console.log('网络已断开')})