Cordova PhoneGap检测设备网络连接情况
cordova版本：cordova-3.2.0.jar
Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。
Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。
Cordova支持如下移动操作系统：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。
Cordova是PhoneGap贡献给Apache后的开源项目，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。你可以把它们的关系想象成类似于Webkit和Google Chrome的关系
一、网络连接状态列表
Phonegap 网络连接通过 navigator.network.connection.type 来获取，一般有一下几种状态
1. Connection.UNKNOWN 未知连接
2. Connection.ETHERNET 以太网
3. Connection.WIFI WiFi
4. Connection.CELL_2G 2G 网络
5. Connection.CELL_3G 3G 网络
6. Connection.CELL_4G 4G 网络
7. Connection.NONE 无网络连接
二、代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
// 监听网络的变化
//window.addEventListener("online", onOnline, false);
//window.addEventListener("offline", onOffline, false);
//console.log('网络类型'+navigator.network.connection.type);
alert('网络类型'+navigator.network.connection.type);//这样就可以检测出来是什么类型的网络连接
// 检查网络连接
checkNetworkConnection();
}
function checkNetworkConnection() {
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[navigator.network.connection.type]);
}
function onOnline() {
alert('您现在在线');
}
function onOffline() {
alert('您现在离线');
}
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>PhoneGap100实战</h1>
</div>
<div data-role="content">
<input type="button" value="检查网络" onClick="checkNetworkConnection()" />
</div>
<div data-role="footer">
<h4> </h4>
</div>
</div>
</body>
</html>
https://www.cnblogs.com/LO-ME/p/4572593.html
