使用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教程(3):border-color网页边框色彩
Apr 02 HTML / CSS
彻底弄明白CSS3的Media Queries(跨平台设计)
Jul 27 HTML / CSS
canvas三角函数模拟水波效果的示例代码
Jul 03 HTML / CSS
html5触摸事件判断滑动方向的实现
Jun 05 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
Jan 30 HTML / CSS
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
Mar 22 HTML / CSS
HTML块级标签汇总(小篇)
Jul 13 HTML / CSS
HTML5微信播放全屏问题的解决方法
Mar 09 HTML / CSS
使用phonegap获取设备的一些信息方法
Mar 31 HTML / CSS
HTML5新标签兼容——&gt; 的两种方法
Sep 12 HTML / CSS
手摸手教你用canvas实现给图片添加平铺水印的实现
Aug 20 HTML / CSS
HTML5 textarea高度自适应的两种方案
Apr 08 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
4.与数据库的连接
2006/10/09 PHP
功能齐全的PHP发送邮件类代码附详细说明
2008/07/10 PHP
Zend Studio 无法启动的问题解决方法
2008/12/04 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(七)
2014/06/23 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
语义化 H1 标签
2008/01/14 Javascript
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
angularjs指令中的compile与link函数详解
2014/12/06 Javascript
javascript学习小结之prototype
2015/12/03 Javascript
详解JavaScript基于面向对象之继承
2015/12/13 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
vue打包之后生成一个配置文件修改接口的方法
2018/12/09 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
vue-cli和v-charts实现可视化图表过程解析
2019/10/08 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
[47:10]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第二场 12.16
2020/12/18 DOTA
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
python实现识别相似图片小结
2016/02/22 Python
python读取中文txt文本的方法
2018/04/12 Python
详解Python设计模式之策略模式
2020/06/15 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
python opencv pytesseract 验证码识别的实现
2020/08/28 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
html5开发三八女王节表白神器
2018/03/07 HTML / CSS
京东奢侈品:全球奢侈品牌
2018/03/17 全球购物
美国市场上最实惠的送餐服务:Dinnerly
2018/03/18 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
回门宴答谢词
2014/01/13 职场文书
优秀士兵个人事迹材料
2014/01/19 职场文书
数学教育专业求职信
2014/07/22 职场文书
办公用品管理制度
2015/08/04 职场文书
Python提取PDF指定内容并生成新文件
2021/06/09 Python
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL