一、网络连接状态列表

　　Phonegap 网络连接通过 navigator.network.connection.type 来获取，一般有一下几种状态

　　　　1. Connection.UNKNOWN               未知连接

　　　　2. Connection.ETHERNET               以太网

　　　　3. Connection.WIFI                      WiFi

　　　　4. Connection.CELL_2G                  2G 网络

　　　　5. Connection.CELL_3G                       3G 网络

　　　　6. Connection.CELL_4G                           4G 网络

　　　　7. Connection.NONE                          无网络连接

二、代码实现

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>phonegap_device_network_notification01</title>

<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>

<script src="../jquery.js" type="text/javascript"></script>

<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>

<script src="../cordova.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8">

    document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {

        // 监听网络的变化

        //window.addEventListener("online", onOnline, false);

        //window.addEventListener("offline", onOffline, false);

        //console.log('网络类型'+navigator.network.connection.type);

        alert('网络类型'+navigator.network.connection.type);//这样就可以检测出来是什么类型的网络连接        

        // 检查网络连接

        checkNetworkConnection();

    }

    function checkNetworkConnection() {

        var states = {};  //封装到数组中

        states[Connection.UNKNOWN]  = '未知连接';

        states[Connection.ETHERNET] = '以太网';

        states[Connection.WIFI]     = 'WiFi';

        states[Connection.CELL_2G]  = '2G网络';

        states[Connection.CELL_3G]  = '3G网络';

        states[Connection.CELL_4G]  = '4G网络';

        states[Connection.NONE]     = '无网络连接';

        alert('网络连接类型: ' + states[navigator.network.connection.type]);

    }

    function onOnline() {

        alert('您现在在线');

    }

    function onOffline() {

        alert('您现在离线');

    }

</script>

</head>

<body>

<div data-role="page">

        <div data-role="header">

            <h1>PhoneGap100实战</h1>

        </div>

        <div data-role="content">

            <input type="button" value="检查网络" onClick="checkNetworkConnection()" />

        </div>

        <div data-role="footer">

            <h4>&nbsp;</h4>

        </div>

</div>

</body>

</html>

PhoneGap检测设备网络连接情况的更多相关文章

  1. Window检测网络连接情况

    Window检测网络连接情况 #include "Wininet.h" #pragma comment(lib,"Wininet.lib") DWORD fla ...

  2. Linux网络——查看网络连接情况的命令

    Linux网络——查看网络连接情况的命令 摘要:本文主要学习了Linux中用来查看网络连接情况的命令. hostname命令 hostname命令用于显示和设置系统的主机名称,设置只是临时生效,永久生 ...

  3. 【转】Linux下查看TCP网络连接情况

    查看TCP网络连接情况 命令:netstat -n | awk ‘/^tcp/ {++S[$NF]} END {for(a in S) print a, S[a]}’ www.2cto.com 返回结 ...

  4. Linux netstat命令详解（检验本机各端口的网络连接情况）

    netstat命令用于显示与IP.TCP.UDP和ICMP协议相关的统计数据,一般用于检验本机各端口的网络连接情况.netstat是在内核中访问网络及相关信息的程序,它能提供TCP连接,TCP和UDP ...

  5. Android之判断设备网络连接状态，并判断连接方式

    在Android开发过程中,对于一个需要连接网络的Android设备,对设备的网络状态检测是很有必要的!有很多的App都需要连接网络.判断设备是否已经连接网络,并且在连接网络的状态下判断是wifi无线 ...

  6. flex 监听网络连接情况

    NativeApplication.nativeApplication.addEventListener(Event.NETWORK_CHANGE, onNetworkChange); private ...

  7. linux系统查看网络连接情况

    netstat命令状态说明: CLOSED                      没有使用这个套接字[netstat 无法显示closed状态] LISTEN 套接字正在监听连接[调用listen ...

  8. js判断网络连接情况:navigator.onLine

    <body> <h1 id="text">websong</h1> </body> <script> var text= ...

  9. 统计TCP网络连接情况

    #!/bin/bash metric=$1 tmp_file=/tmp/tcp_status.txt /bin/netstat -an|awk '/^tcp/{++S[$NF]}END{for(a i ...

随机推荐

  1. C# Lambda表达式详细总结

    (一)输入参数 在Lambda表达式中,输入参数是Lambda运算符的左边部分.它包含参数的数量可以为0.1或者多个.只有当输入参数为1时,Lambda表达式左边的一对小括弧才可以省略.输入参数的数量 ...

  2. 微信WeUI基础

    首先引入样式css和js 虽然基础的其实还有weui.min.css,但是为了一些动态效果,也要引入其他的东西. 基本框架 <!DOCTYPE html> <html lang=&q ...

  3. 关于vue.js中slot的理解

    slot这块看官网文档,起初有点不懂,仔细研究还是最终理解了,slot是用来干嘛的呢,先看下一个例子: <script src="https://unpkg.com/vue/dist/ ...

  4. J2EE企业级应用架构

    一.企业级应用架构解析 应用特点 多环境多系统的交互 海量数据.高并发[用户访问量].高TPS[每秒吞吐量] 安全等级高 自动化集群管理 架构原则 CAP原则(一致性[数据变动要同步].可用性[随着数 ...

  5. POJ 1258（最小生成树+知识）

    用kruskal算法,利用w[i]给r[i]间接排序,从而r[i]可以按照边大小保存序号,同时要判断是否在一个集合里面 #include <cstdio> #include <ios ...

  6. 粘性页脚 Sticky Footer 最佳方式

    前段时间工作中遇到粘性页脚的需求,以前用过JS控制过,最后发现flex布局是解决这类问题的好帮手. 粘性页脚:即使没有足够的内容填充页面,也要将页脚固定到窗口的底部. <!DOCTYPE htm ...

  7. MySQL B+树索引和哈希索引的区别（转 JD二面）

    导读 在MySQL里常用的索引数据结构有B+树索引和哈希索引两种,我们来看下这两种索引数据结构的区别及其不同的应用建议. 二者区别 备注:先说下,在MySQL文档里,实际上是把B+树索引写成了BTRE ...

  8. React Native中的远程调试是不可靠的

    一.原因 当您发现rn app在关闭远程调试后,一些功能无法正常工作时,这很可能是由于设备上的JavaScript执行环境与远程调试器之间的细微差别造成的. 例如,日期问题,Date构造函数似乎接受C ...

  9. bootStrap下拉菜单 点击下拉列表某个元素，列表不隐藏

    html: <a class="dropdown-toggle bgImg-priceWran " id="dropdownMenu1" data-tog ...

  10. css3在页面中插入内容

    A． 使用选择器来插入内容 h2:before{ content:"前缀"; } h2:after{ content:"后缀"; } B． 指定个别的元素不进行 ...