使用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 相关文章推荐
实例讲解使用CSS实现多边框和透明边框的方法
Sep 08 HTML / CSS
CSS3圆角和渐变2种常用功能详解
Jan 06 HTML / CSS
css3 transform及原生js实现鼠标拖动3D立方体旋转
Jun 20 HTML / CSS
老生常谈CSS中的长度单位
Jun 27 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
Jul 19 HTML / CSS
Html5画布_动力节点Java学院整理
Jul 13 HTML / CSS
html5本地存储_动力节点Java学院整理
Jul 12 HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
Jun 08 HTML / CSS
html5画布旋转效果示例
Jan 27 HTML / CSS
不可轻视HTML5!App三年内将被html5顶替彻底消失
Nov 18 HTML / CSS
整理HTML5中表单的常用属性及新属性
Feb 19 HTML / CSS
使用HTML5 Canvas为图片填充颜色和纹理的教程
Mar 21 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 CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
PHP入门教程之上传文件实例详解
2016/09/11 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
JavaScript Event学习第四章 传统的事件注册模型
2010/02/07 Javascript
jquery插件制作教程 txtHover
2012/08/17 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
2016/06/10 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
JS产生随机数的用法小结
2016/12/10 Javascript
Nodejs 获取时间加手机标识的32位标识实现代码
2017/03/07 NodeJs
Angular2搜索和重置按钮过场动画
2017/05/24 Javascript
微信小程序自定义模态对话框实例详解
2017/08/16 Javascript
jquery+css实现下拉列表功能
2017/09/03 jQuery
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
JavaScript模块详解
2017/12/18 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
Vue 中的受控与非受控组件的实现
2018/12/17 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
[01:06]欢迎来到上海,TI9
2018/08/26 DOTA
一张图带我们入门Python基础教程
2017/02/05 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
Python可变参数*args和**kwargs用法实例小结
2018/04/27 Python
python使用wxpy轻松实现微信防撤回的方法
2019/02/21 Python
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
政工例会汇报材料
2014/08/26 职场文书
毕业生实习证明
2014/09/19 职场文书
拉贝日记观后感
2015/06/05 职场文书
汉语拼音教学反思
2016/02/22 职场文书
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL