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

  



 

posted @ 2019-02-22 14:14  随意滴博客  阅读(2840)  评论(0编辑  收藏  举报