使用phonegap检测网络状态的方法


Posted in HTML / CSS onMarch 30, 2017

实例如下:

<!DOCTYPE html> 
<html> 
  
    <head> 
        <meta charset="UTF-8"> 
        <title>Check NetWork</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
          document.addEventListener("deviceready", onDeviceReady, false); 
            function onDeviceReady() { 
                checkConnection(); 
            } 
              
            //关键代码 
            function checkConnection(){ 
                var networkState=navigator.network.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.NONE]='No network connection'; 
                  
                alert('Connection type: '+states[networkState]); 
            } 
              
        </script> 
    </head> 
  
    <body onload="onLoad()"> 
        <p id="props"> A dialog box will report the network state.</p> 
    </body> 
  
</html>

以上这篇使用phonegap检测网络状态的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
分享CSS3中必须要知道的10个顶级命令
Apr 26 HTML / CSS
css3高级选择器使用方法
Dec 02 HTML / CSS
使用css3制作动感导航条示例
Jan 26 HTML / CSS
css3选择器基本介绍
Dec 15 HTML / CSS
css3实现可拖动的魔方3d效果
May 07 HTML / CSS
Html5实现如何在两个div元素之间拖放图像
Mar 29 HTML / CSS
HTML5 Canvas自定义圆角矩形与虚线示例代码
Aug 02 HTML / CSS
HTML5制作表格样式
Nov 15 HTML / CSS
HTML5中图片之间的缝隙完美解决方法
Jul 07 HTML / CSS
Html5与App的通讯方式详解
Oct 24 HTML / CSS
详解CSS不受控制的position fixed
May 25 HTML / CSS
分享几个实用的CSS代码块
Jun 10 HTML / CSS
HTML5文档结构标签
Apr 21 #HTML / CSS
HTML5的文档结构和新增标签完全解析
Apr 21 #HTML / CSS
html5的localstorage详解
May 09 #HTML / CSS
基于HTML5 Canvas 实现弹出框效果
Jun 05 #HTML / CSS
html5中localStorage本地存储的简单使用
Jun 16 #HTML / CSS
HTML5实现QQ聊天气泡效果
Jun 26 #HTML / CSS
详解H5本地储存Web Storage
Jul 03 #HTML / CSS
You might like
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
HTML中嵌入PHP的简单方法
2016/02/16 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
php文件上传及下载附带显示文件及目录功能
2017/04/27 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
Mootools 1.2教程 输入过滤第二部分(字符串)
2009/09/15 Javascript
JavaScript中yield实用简洁实现方式
2010/06/12 Javascript
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
2010/11/11 Javascript
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
jquery 单击li防止重复加载的实现代码
2010/12/24 Javascript
Jquery attr(&quot;checked&quot;) 返回checked或undefined 获取选中失效
2013/10/10 Javascript
JavaScript 获取任一float型小数点后两位的小数
2014/06/30 Javascript
jquery判断input值不为空的方法
2016/06/05 Javascript
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
2019/01/20 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
js实现扫雷源代码
2020/11/27 Javascript
JavaScript async/await原理及实例解析
2020/12/02 Javascript
Python下的twisted框架入门指引
2015/04/15 Python
Python中的choice()方法使用详解
2015/05/15 Python
Python中线程编程之threading模块的使用详解
2015/06/23 Python
python写日志封装类实例
2015/06/28 Python
Python 模板引擎的注入问题分析
2017/01/01 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
Python+Tensorflow+CNN实现车牌识别的示例代码
2019/10/11 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
html+css3实现的登录界面
2020/12/09 HTML / CSS
医务工作者先进事迹材料
2014/01/26 职场文书
《自然之道》教学反思
2014/02/11 职场文书
大学生村官座谈会发言材料
2014/05/25 职场文书
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
2016年师德师风学习心得体会
2016/01/12 职场文书
利用Python将list列表写入文件并读取的方法汇总
2022/03/25 Python
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python