cordova - Cordova网络信息 - cordova教程 , 学习cordova , cordova android , cordova ios



  • 这个插件提供了有关设备的网络信息。
cordova教程 - cordova - 
学习cordova - Cordova Architecture plugins -  apache cordova代码- apache cordova的例子
Wikitechy cordova tutorial tags - apache cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova下载 , apache cordova是什么 , cordova plugin开发 , apache cordova教程 , cordova 教程 , cordova插件开发 , cordova菜鸟教程 , 菲律宾cordova岛 , cordova 持续定位

第1步 - 安装网络信息插件

  • 要安装这个插件,我们将打开命令提示符,然后运行下面的代码 −

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-network-information

第2步 - 添加按钮

  • 要安装这个插件,我们将打开命令提示符,然后运行下面的代码 −
  • 让我们在 index.html 中创建一个按钮将用于获取有关网络的信息。
cordova教程 - cordova - 
学习cordova - 
cordova plugin - apache cordova
网络 - Cordova plugin 生成 -  
- apache cordova代码- apache cordova的例子

cordova教程 - cordova - 学习cordova - cordova plugin - apache cordova 网络 - apache cordova网址访问 - Cordova plugin 生成 - - apache cordova代码- apache cordova的例子

<button id = "networkInfo">INFO</button>
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
cordova教程 - cordova - 
学习cordova - 
cordova plugin -Cordova文件系统 - Cordova plugin 生成 -  
- Cordova事件插件 - apache cordova的例子

cordova教程 - cordova - 学习cordova - cordova plugin - Cordova文件系统 - apache cordova网址访问 - Cordova plugin 生成 - - Cordova事件插件 - apache cordova的例子

第3步 - 添加事件监听器

  • 我们将在index.js 的 onDeviceReady函数内部添加三个事件侦听器。一个用于监听我们之前创建的按钮点击,另外两个将监听连接状态的变化。
document.getElementById("networkInfo").addEventListener("click", networkInfo);
document.addEventListener("offline", onOffline, false);
document.addEventListener("online", onOnline, false);
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第4步 - 创建函数

  • 当按钮被点击 networkInfo 函数将返回有关当前网络连接的信息。我们调用 type 方法。其他函数是 onOffline 和 onOnline。这些函数正在侦听连接变化,任何变化都会触发相应提示消息。
cordova教程 - cordova - 
学习cordova - 
cordova plugin - apache cordova
网络 - Cordova plugin 生成 -  
- apache cordova代码- apache cordova的例子

cordova教程 - cordova - 学习cordova - cordova plugin - apache cordova 网络 - apache cordova网址访问 - Cordova plugin 生成 - - apache cordova代码- apache cordova的例子

function networkInfo() {
   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]);
}

function onOffline() {
   alert('You are now offline!');
}

function onOnline() {
   alert('You are now online!');
}
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
  • 当我们开始连接到网络的应用程序,onOnline函数将触发信息提示。
 network online 1

学习cordova - cordova教程 - 网络在线1 - cordova示例 - cordova程序

  • 如果我们按 INFO 按钮,弹出信息将显示我们的网络状态。
 network info

学习cordova - cordova教程 - 网络信息 - cordova示例 - cordova程序

  • 如果从网络上断开,onOffline函数将被调用。
 networ online 2

学习cordova - cordova教程 - 网络在线2 - 科尔多瓦例子 - cordova程序


wikitechy provides you the following points such as cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova api , cordova-android , phonegap cordova , cordova plugin , cordova下载 , apache cordova是什么 , cordova cli , cordova plugin开发 , apache cordova教程 , cordova 教程 , vue cordova , ngcordova , ionic cordova , cordova plugin file , cordova 安装 , ionic 会取代cordova么 , cordova怎么样 , cordova插件开发 ,cordova菜鸟教程 , cordova react , cordova ionic vuejs , 菲律宾cordova岛 , cordova 持续定位 , phonegap , cordoba , cordova plugins , cardova , apache cordova , cordova phonegap , ionic cordova phonegap , apache cordova alternatives , cordova for visual studio , best ide for cordova development , create cordova plugin android , cordova ios 4 , apache cordova download , cordova build command , cordova web support , cordova webview android , how to install cordova , phonegap developer , apache cordova ionic , cordova command

Related Searches to Cordova网络信息