1) Reference
2) Full Example
<!DOCTYPE html>
<html>
<head>
<title>navigator.connection.type Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// device APIs are available
//
function onDeviceReady() {
checkConnection();
}
function checkConnection() {
var networkState = navigator.connection.type;
var states = {};
states[Connection.UNKNOWN] = 'Unknown connection';
states[Connection.ETHERNET] = 'Ethernet connection';
states[Connection.WIFI] = 'WiFi connection';
states[Connection.CELL_2G] = 'Cell 2G connection';
states[Connection.CELL_3G] = 'Cell 3G connection';
states[Connection.CELL_4G] = 'Cell 4G connection';
states[Connection.CELL] = 'Cell generic connection';
states[Connection.NONE] = 'No network connection';
alert('Connection type: ' + states[networkState]);
}
</script>
</head>
<body>
<p>A dialog box will report the network state.</p>
</body>
</html>
|
3) Create a new project using Blank Template
Project Name: demoCordovaConnection
4) Replace Index file
5) Debug
5.1) Connect Device
5.2) Launch Project
5.2) Debug Project
6) Screenshot
7) Build Project
Select required plug-ins before building the apps.
8) Download
Project Source Code: https://drive.google.com/file/d/0B86b-ALn-1MGMHJWNWdxN2Fobmc/view?usp=sharing
No comments:
Post a Comment