使用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 重置iphone浏览器按钮input,select等表单元素的默认样式
Oct 11 HTML / CSS
基于CSS3实现的漂亮Menu菜单效果代码
Sep 10 HTML / CSS
css 元素选择器的简单实例
May 23 HTML / CSS
HTML5 本地存储 LocalStorage详解
Jun 24 HTML / CSS
使用phonegap检测网络状态的方法
Mar 30 HTML / CSS
html5 worker 实例(二) 图片变换效果
Jun 24 HTML / CSS
HTML5之消息通知的使用(Web Notification)
Oct 30 HTML / CSS
浅谈移动端网页图片预加载方案
Nov 05 HTML / CSS
HTML5 通过Vedio标签实现视频循环播放的示例代码
Aug 05 HTML / CSS
amazeui模态框弹出后立马消失并刷新页面
Aug 19 HTML / CSS
CSS预处理框架——Stylus
Apr 21 HTML / CSS
纯CSS3实现div按照顺序出入效果
Jul 15 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 程序员的调试技术小结
2009/11/15 PHP
关于Zend Studio 配色方案插件的介绍
2013/06/24 PHP
PHP中substr函数字符串截取用法分析
2016/01/07 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
深入理解JavaScript程序中内存泄漏
2016/03/17 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
2016/10/10 Javascript
Angualrjs和bootstrap相结合实现数据表格table
2017/03/30 Javascript
ES6新特性之字符串的扩展实例分析
2017/04/01 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
[50:58]2018DOTA2亚洲邀请赛3月29日 小组赛A组OpTic VS Newbee
2018/03/30 DOTA
Python实现过滤单个Android程序日志脚本分享
2015/01/16 Python
给Python入门者的一些编程建议
2015/06/15 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
对python文件读写的缓冲行为详解
2019/02/13 Python
django框架模板中定义变量(set variable in django template)的方法分析
2019/06/24 Python
python批量读取文件名并写入txt文件中
2020/09/05 Python
Python序列对象与String类型内置方法详解
2019/10/22 Python
python从PDF中提取数据的示例
2020/10/30 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
华为c/c++笔试题
2016/01/25 面试题
幼儿园中班教学反思
2014/02/10 职场文书
关于环保的标语
2014/06/13 职场文书
小学生安全责任书
2014/07/25 职场文书
大学军训的体会
2014/11/08 职场文书
2015教师见习期工作总结
2014/12/12 职场文书
企业愿景口号
2015/12/25 职场文书
SQLServer之常用函数总结详解
2021/08/30 SQL Server
js 数组 fill() 填充方法
2021/11/02 Javascript