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('您的网络已断开');
}
})
},

浙公网安备 33010602011771号