使用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的flexbox实现水平垂直居中与三列等高布局
Sep 12 HTML / CSS
button在IE6/7下的黑边去除方案
Dec 24 HTML / CSS
解决margin 外边距合并问题
Jul 03 HTML / CSS
Android本地应用打开方法——通过html5写连接
Mar 11 HTML / CSS
HTML5实现QQ聊天气泡效果
Jun 26 HTML / CSS
详解canvas在圆弧周围绘制文本的两种写法
May 22 HTML / CSS
html5 自定义播放器核心代码
Dec 20 HTML / CSS
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
Apr 08 HTML / CSS
HTML5不支持frameset的两种解决方法
Nov 14 HTML / CSS
html5教你做炫酷的碎片式图片切换 (canvas)
Jul 28 HTML / CSS
详解Canvas 跨域脱坑实践
Nov 07 HTML / CSS
HTML5中在title标题标签里设置小图标的方法
Jun 23 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 syntax error, unexpected $end 错误的一种原因及解决
2008/10/25 PHP
一个比较简单的PHP 分页分组类
2009/12/10 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
typecho插件编写教程(四):插件挂载
2015/05/28 PHP
使用PHP接受文件并获得其后缀名的方法
2015/08/05 PHP
thinkPHP5框架中widget的功能与用法详解
2018/06/11 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
jquery设置元素的readonly和disabled的写法
2013/09/22 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
2016/06/08 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
2017/01/16 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
详解基于Vue的支持数据双向绑定的select组件
2019/09/02 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
django简单的前后端分离的数据传输实例 axios
2020/05/18 Javascript
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
python基于pygame实现响应游戏中事件的方法(附源码)
2015/11/11 Python
Python基础知识_浅谈用户交互
2017/05/31 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
python安装twisted的问题解析
2018/08/21 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
Python实现疫情通定时自动填写功能(附代码)
2020/05/27 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
中学生学习生活的自我评价
2013/10/26 职场文书
毕业生优秀推荐信
2013/11/26 职场文书
酒店前台辞职书
2015/02/26 职场文书
财务总监岗位职责范本
2015/04/03 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
无犯罪记录证明样本
2015/06/16 职场文书
实践论读书笔记
2015/06/29 职场文书
小学生暑假安全公约
2015/07/14 职场文书
选对餐饮营销策略,营业额才会上涨
2019/08/27 职场文书
解决Django transaction进行事务管理踩过的坑
2021/04/24 Python
雄兵连:第三季先行图公开,天使恶魔联合,银河之力的新力量
2021/06/11 国漫