使用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——齿轮转动关键代码
May 02 HTML / CSS
利用纯css3实现的文字亮光特效的代码演示
Nov 27 HTML / CSS
CSS3动画特效在活动页中的应用
Jan 21 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
Mar 01 HTML / CSS
html5指南-4.使用Geolocation实现定位功能
Jan 07 HTML / CSS
推荐WEB开发者最佳HTML5和CSS3代码生成器
Nov 24 HTML / CSS
HTML5 history新特性pushState、replaceState及两者的区别
Dec 26 HTML / CSS
HTML5标签嵌套规则详解【必看】
Apr 26 HTML / CSS
HTML5 Blob 实现文件下载功能的示例代码
Nov 29 HTML / CSS
html5默认气泡修改的代码详解
Mar 13 HTML / CSS
html5 video全屏播放/自动播放的实现示例
Aug 06 HTML / CSS
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
Dec 06 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中的错误处理、异常处理机制分析
2012/05/07 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
YII实现分页的方法
2014/07/09 PHP
ThinkPHP中session函数详解
2016/09/14 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
js控制CSS样式属性语法对照表
2012/12/11 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
2013/04/07 Javascript
jquery插件开发之实现md5插件
2014/03/17 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
2016/12/27 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
2018/11/08 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
Vue实现简易计算器
2020/02/25 Javascript
[01:43]3.19DOTA2发布会 三代刀塔人第三代
2014/03/25 DOTA
[01:30:54]《加油DOTA》 第三期
2014/08/18 DOTA
[50:34]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
python书籍信息爬虫实例
2018/03/19 Python
Python生成器的使用方法和示例代码
2019/03/04 Python
Python实现多线程/多进程的TCP服务器
2019/09/03 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
使用Python三角函数公式计算三角形的夹角案例
2020/04/15 Python
解决Ubuntu18中的pycharm不能调用tensorflow-gpu的问题
2020/09/17 Python
html5 canvas绘制矩形和圆形的实例代码
2016/06/16 HTML / CSS
浅谈amaze-ui中datepicker和datetimepicker注意的几点
2020/08/21 HTML / CSS
原装进口全世界:天猫国际
2016/08/03 全球购物
CAT鞋英国官网:坚固耐用的靴子和鞋
2016/10/21 全球购物
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
区优秀教师事迹材料
2014/02/10 职场文书
小学四年级学生评语
2014/12/26 职场文书
离婚代理词范文
2015/05/23 职场文书
干货:我将这样书写我的演讲稿!
2019/05/09 职场文书
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
铁头也玩根德 YachtBoy YB-230......
2022/04/05 无线电