监听网络状态在开发中很少使用,但是有时候确实需要的就是在持续运行的页面中监听网络的连接状况,来做出进一步的操作;下边就简单的介绍一下监听网络状态的事件和参数:
1、监听网络状态的一个参数是navigator.onLine,如果当前网络是连通状态则该参数是true,否则是false;
if (navigator.onLine) {
console.log('网络连通');
} else {
console.log('网络断开');
}
2、监听网络由断开到连通事件是“online”事件;
document.body.ononline = function (e) {
console.log('网络已经连上');
console.log(e);
console.log(navigator.onLine); //true
}
3、监听网络由连通到断开事件是“offline”事件;
document.body.onoffline = function (e) {
console.log('网络已经断开');
console.log(e);
console.log(navigator.onLine);//false
}