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