使用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编写浏览器背景渐变背景色的方法
Mar 05 HTML / CSS
css3 实现元素弧线运动的示例代码
Apr 24 HTML / CSS
CSS3 transition 实现通知消息轮播条
Oct 14 HTML / CSS
HTML5拖放功能_动力节点Java学院整理
Jul 13 HTML / CSS
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
Jul 15 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
Jul 19 HTML / CSS
使用HTML5技术开发一个属于自己的超酷颜色选择器
Sep 22 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
Oct 15 HTML / CSS
移动端html5模拟长按事件的实现方法
Sep 30 HTML / CSS
Html5 滚动穿透的方法
May 13 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
Dec 19 HTML / CSS
CSS预处理框架——Stylus
Apr 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实现MySQL更新记录的代码
2008/06/07 PHP
php disk_free_space 返回目录可用空间
2010/05/10 PHP
从康盛产品(discuz)提取出来的模板类
2011/06/28 PHP
PHP pathinfo()获得文件的路径、名称等信息说明
2011/09/13 PHP
php实现文件下载实例分享
2014/06/02 PHP
php格式化电话号码的方法
2015/04/24 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
豆瓣网的jquery代码实例
2008/06/15 Javascript
使用Plupload实现直接上传附件至七牛云存储
2014/12/26 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
js实现HashTable(哈希表)的实例分析
2016/11/21 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
2017/10/09 jQuery
JS 5种遍历对象的方式
2020/06/16 Javascript
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python二叉树的实现实例
2013/11/21 Python
python抓取京东商城手机列表url实例代码
2013/12/18 Python
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
Python调用服务接口的实例
2019/01/03 Python
python三大神器之fabric使用教程
2019/06/10 Python
python的pytest框架之命令行参数详解(上)
2019/06/27 Python
python实现画出e指数函数的图像
2019/11/21 Python
使用Python制作新型冠状病毒实时疫情图
2020/01/28 Python
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
电子邮箱格式怎么写
2014/01/12 职场文书
小学体育教学反思
2014/01/31 职场文书
工作保证书范文
2014/04/29 职场文书
面试感谢信范文
2015/01/22 职场文书
入党转正介绍人意见
2015/06/03 职场文书
浅谈JS和Nodejs中的事件驱动
2021/05/05 NodeJs
用Python监控你的朋友都在浏览哪些网站?
2021/05/27 Python
启动Tomcat时出现大量乱码的解决方法
2021/06/21 Java/Android