使用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+jq创作含苞待放的荷花
Feb 20 HTML / CSS
使用css3实现超炫的loading加载动画效果
May 07 HTML / CSS
css3弹性盒模型(Flexbox)详细介绍
Oct 08 HTML / CSS
CSS3弹性盒模型flex box快速入门心得(必看篇)
May 24 HTML / CSS
CSS3 Calc实现滚动条出现页面不跳动问题
Sep 14 HTML / CSS
详解CSS3:overflow属性
Nov 17 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
Nov 25 HTML / CSS
css3实现书本翻页效果的示例代码
Mar 08 HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
Oct 16 HTML / CSS
AmazeUI 面板的实现示例
Aug 17 HTML / CSS
纯CSS实现hover图片pop-out弹出效果的实例代码
Apr 16 HTML / CSS
小程序实现悬浮按钮的全过程记录
Oct 16 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
Ping服务的php实现方法,让网站快速被收录
2012/02/04 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
CentOS安装php v8js教程
2015/02/26 PHP
不用MOUSEMOVE也能滑动啊
2007/05/23 Javascript
javascript new后的constructor属性
2010/08/05 Javascript
javascript面向对象编程代码
2011/12/19 Javascript
js获取php变量的实现代码
2013/08/10 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
jQuery下拉美化搜索表单效果代码分享
2015/08/25 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
微信小程序实现底部导航
2018/11/05 Javascript
JavaScript使用ul中li标签实现删除效果
2019/04/15 Javascript
python列表操作使用示例分享
2014/02/21 Python
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
Python实现的简单算术游戏实例
2015/05/26 Python
Python 正则表达式入门(中级篇)
2016/12/07 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
python实现列表的排序方法分享
2019/07/01 Python
解决Django 在ForeignKey中出现 non-nullable field错误的问题
2019/08/06 Python
Python箱型图处理离群点的例子
2019/12/09 Python
python安装后的目录在哪里
2020/06/21 Python
Python爬虫爬取博客实现可视化过程解析
2020/06/29 Python
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
本科生学习总结的自我评价
2013/10/02 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
广告词串烧
2014/03/19 职场文书
车间核算员岗位职责
2014/07/01 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
2016年七夕爱情寄语
2015/12/04 职场文书
求职信如何撰写?
2019/05/22 职场文书
导游词之麻姑仙境
2019/11/18 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL