使用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中动画属性transform、transition和animation属性的区别
Sep 25 HTML / CSS
CSS3中currentColor关键字的妙用
Feb 27 HTML / CSS
详解CSS3的box-shadow属性制作边框阴影效果的方法
May 10 HTML / CSS
详解HTML5中的标签
Jun 19 HTML / CSS
html5 canvas实现跟随鼠标旋转的箭头
Mar 11 HTML / CSS
详解基于 Canvas 手撸一个六边形能力图
Sep 02 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
Mar 02 HTML / CSS
Canvas实现贝赛尔曲线轨迹动画的示例代码
Apr 25 HTML / CSS
吃透移动端 1px的具体用法
Dec 16 HTML / CSS
css position fixed 左右双定位的实现代码
Apr 29 HTML / CSS
CSS变量实现主题切换的方法
Jun 23 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中VC6、VC9、TS、NTS版本的区别与用法详解
2013/10/26 PHP
php中使用PHPExcel读写excel(xls)文件的方法
2014/09/15 PHP
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
jquery不支持toggle()高(新)版本的问题解决
2016/09/24 PHP
PHP带节点操作的无限分类实现方法详解
2016/11/09 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
jQuery下通过replace字符串替换实现大小图片切换
2012/05/22 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
2014/01/07 Javascript
jQuery的cookie插件实现保存用户登陆信息
2014/04/15 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
jQuery中(function($){})(jQuery)详解
2015/07/15 Javascript
Bootstrap每天必学之导航条
2015/11/27 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
socket.io学习教程之基础介绍(一)
2017/04/29 Javascript
javascript  数组排序与对象排序的实例
2017/07/17 Javascript
Vue Socket.io源码解读
2018/02/07 Javascript
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
es6中new.target的作用和使用场景简单示例分析
2020/03/14 Javascript
VUE使用axios调用后台API接口的方法
2020/08/03 Javascript
Django中实现点击图片链接强制直接下载的方法
2015/05/14 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
彻底搞懂 python 中文乱码问题(深入分析)
2020/02/28 Python
完美解决keras 读取多个hdf5文件进行训练的问题
2020/07/01 Python
美国知名的在线旅游服务网站:Priceline
2016/07/23 全球购物
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
金融专业应届生求职信
2013/11/02 职场文书
2014法制宣传日活动总结
2014/07/09 职场文书
2016孝老爱亲模范事迹材料
2016/02/26 职场文书
JS中如何优雅的使用async await详解
2021/10/05 Javascript