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

  



 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM