美轮美奂的phonegap(五)---判断当前网络连接情况

最新推荐文章于 2016-08-25 18:39:18 发布

Senssic

最新推荐文章于 2016-08-25 18:39:18 发布

阅读量691

点赞数

分类专栏： phonegap

本文链接：https://blog.csdn.net/Senssic/article/details/26595639

版权

phonegap 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

检查正在使用的活动网络连情况

属性：

connection.type

代码：

<!DOCTYPE html>
<html>
<head>
<title>navigator.network.connection.type Example</title> 


<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
<script type="text/javascript" charset="utf-8">
	

	// 等待加载PhoneGap
	document.addEventListener("deviceready", onDeviceReady, false);
	
	// PhoneGap加载完毕
	function onDeviceReady() {
		checkConnection();
	}

	function checkConnection() { 
		var networkState = navigator.network.connection.type; 		 

		var states = {}; 
		states[Connection.UNKNOWN]  = '未知网络连接'; 
		states[Connection.ETHERNET] = '以太网 连接'; 
		states[Connection.WIFI]     = 'wifi连接'; 
		states[Connection.CELL_2G]  = '2g连接'; 
		states[Connection.CELL_3G]  = '3g连接'; 
		states[Connection.CELL_4G]  = '4g连接'; 
		states[Connection.NONE]     = '没有连接网络'; 

		alert('当前网络连接类型: ' + states[networkState]); 
}

</script>
</head>
<body>
<div>检测网络连接</div>
</body>
</html>

截图：