vue 监控网络离线
项目是移动端的混合app,需要再用户断开网络时给出相应的提示;
网上查了部分资料,几乎都是window.navigator+online实现的,然后用watch监控的,但是测试时发现,在安卓4.4.4,online是有兼容性的;
后来使用了http://www.html5plus.org/doc/zh_cn/events.html中的netchange,达到了在低版本手机的兼容;
代码如下:
mounted() { var that = this; if (window.plus) { that.plusReady(); } else { document.addEventListener("plusready", that.plusReady, false); } },
plusReady代码如下:
plusReady(){ var that = this; //网络更改 document.addEventListener( "netchange", function() { var network = plus.networkinfo.getCurrentType(); that.onLine = network; sessionStorage.setItem("network",network); if(network == 1) { plus.nativeUI.toast('您的网络已断开'); } }) },