使用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动画属性用法详解
Jul 04 HTML / CSS
CSS教程:CSS3圆角属性
Apr 02 HTML / CSS
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
Feb 04 HTML / CSS
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
Oct 10 HTML / CSS
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
Jun 11 HTML / CSS
CSS Grid布局教程之什么是网格布局
Dec 30 HTML / CSS
整理HTML5移动端开发的常用触摸事件
Apr 15 HTML / CSS
解决HTML5手机端页面缩放的问题
Oct 27 HTML / CSS
详解HTML5 录音的踩坑之旅
Dec 26 HTML / CSS
使用PDF.JS插件在HTML中预览PDF文件的方法
Aug 29 HTML / CSS
data:image data url 文件转为Blob上传后端的方法
Jul 16 HTML / CSS
html5手机键盘弹出收起的处理
Jan 20 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
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
thinkphp框架实现数据添加和显示功能
2016/06/29 PHP
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
KindEditor在php环境下上传图片功能集成的方法示例
2020/07/20 PHP
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
2013/04/08 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/25 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
2015/09/01 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
JS输出空格的简单实现方法
2016/09/08 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
使用Promise链式调用解决多个异步回调的问题
2017/01/15 Javascript
flexslider.js实现移动端轮播
2017/02/05 Javascript
canvas实现环形进度条效果
2017/03/23 Javascript
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
[01:57]2016完美“圣”典风云人物:国士无双专访
2016/12/04 DOTA
python实现删除文件与目录的方法
2014/11/10 Python
Python解析最简单的验证码
2016/01/07 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
什么是python的自省
2020/06/21 Python
python 服务器运行代码报错ModuleNotFoundError的解决办法
2020/09/16 Python
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
大学生村官演讲稿
2014/04/25 职场文书
求职信内容怎么写
2014/05/26 职场文书
初中家长意见
2015/06/03 职场文书
学雷锋活动简报
2015/07/20 职场文书
奖学金主要事迹范文
2015/11/04 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
JavaScript 实现页面滚动动画
2021/04/24 Javascript
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis