使用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 选择器 基本选择器介绍
Jan 21 HTML / CSS
CSS3盒子模型详解
Apr 24 HTML / CSS
纯CSS实现的大小渐变、渐远效果
Apr 15 HTML / CSS
使用CSS3设计地图上的雷达定位提示效果
Apr 05 HTML / CSS
CSS3之2D与3D变换的实现方法
Jan 28 HTML / CSS
html5指南-4.使用Geolocation实现定位功能
Jan 07 HTML / CSS
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
Jan 30 HTML / CSS
html5画布旋转效果示例
Jan 27 HTML / CSS
html5 postMessage解决跨域、跨窗口消息传递方案
Dec 20 HTML / CSS
canvas 阴影和图形变换的示例代码
Jan 02 HTML / CSS
html5移动端自适应布局的实现
Apr 15 HTML / CSS
纯html+css实现Element loading效果
Aug 02 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
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
CentOS 安装 PHP5.5+Redis+XDebug+Nginx+MySQL全纪录
2015/03/25 PHP
jQuery之网页换肤实现代码
2011/04/30 Javascript
js正则表达式的使用详解
2013/07/09 Javascript
js冒泡法和数组转换成字符串示例代码
2013/08/14 Javascript
在父页面调用子页面的JS方法
2013/09/29 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
2015/02/28 Javascript
使用jquery清空、复位整个输入域
2015/04/02 Javascript
Bootstrap树形控件使用方法详解
2016/01/27 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
JavaScript实现随机点名程序
2020/03/25 Javascript
JS原形与原型链深入详解
2020/05/09 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
[40:55]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#4Newbee VS Fnatic
2016/03/03 DOTA
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
python发送邮件功能实现代码
2016/07/15 Python
pandas的qcut()方法详解
2019/07/06 Python
Python代码执行时间测量模块timeit用法解析
2020/07/01 Python
使用Python画了一棵圣诞树的实例代码
2020/11/27 Python
Bluebella美国官网:英国性感内衣品牌
2018/10/04 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
建筑专业自我鉴定
2013/10/22 职场文书
教师实习自我鉴定
2013/12/18 职场文书
迎新晚会主持词
2014/03/24 职场文书
技校毕业生自荐信
2014/06/03 职场文书
机关作风整顿个人剖析材料
2014/10/06 职场文书
个人查摆问题及整改措施
2014/10/16 职场文书
阿凡达观后感
2015/06/10 职场文书
严以用权学习心得体会
2016/01/12 职场文书
CSS巧用渐变实现高级感背景光动画
2021/12/06 HTML / CSS
pytorch中的torch.nn.Conv2d()函数图文详解
2022/02/28 Python