当前位置:  开发笔记 > 前端 > 正文

Phonegap网络连接 HTML5

Phonegap网络连接判断官网提供NetworkAPIcordova34版本的API判断网络的连接状态判断网络是4G3G2GWIFInone等本文在结尾处提供Demo下载支持的系统:AmazonFire

Phonegap网络连接判断 官网提供 Network API

cordova 3.4 版本的API 判断网络的连接状态

判断网络是4G 3G 2G WIFI none 等

本文在结尾处 提供Demo下载

支持的系统:

Amazon Fire OSAndroidBlackBerry 10iOSWindows Phone 7 and 8TizenWindows 8

从建立项目说起:

<1> 在控制台 创建一个phonegap工程 命令如下

 phonegap create my-app
 cd my-app
 phonegap run android

\

<2> 我们从命令行进入 到工程目录下的 plugins文件夹

cd my-app

cd plugins

\

<3> 现在开始下载插件

cordova plugin add org.apache.cordova.network-information


下载完成:

\

<4> 添加android 平台工程 (ios把 "android" 替换)

cordova platform add android

添加完成:

\

<5> 编译android工程

cordova build

编译完成:

\

此时将工程导入到 eclipse中

\

画圈圈的地方就是 系统生成的代码

将下方语句考到 assets目录下 www/index.html 当中 完全复制过去;

example:




    
        
        
        
        
        Hello World
    
    
    
 

包子的网络连接





包子测试
Apache Cordova


代码详解:

                var networkState = navigator.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.CELL]     = 'Cell generic connection';
                states[Connection.NONE]     = 'No network connection';


navigator.connection.type 获取当前网络状态

states数组表示输出的状态 大家可以根据需要自己修改输出的参数

\

工程下载 将phonegap的platforms导入到eclipse中

如果报错clear一下 查看导的lib包 有没有报错

如果还有错 那么就是您选用了 google的API 改成最新版的android API 就好了

如果导入工程遇到问题 可以查阅我此篇文章

Blog: http://blog.csdn.net/aaawqqq/article/details/20463183

Phonegap解决错误:Error initializing Cordova:Class not found:

http://blog.csdn.net/aaawqqq/article/details/21243869

Demo 下载地址:

http://download.csdn.net/detail/aaawqqq/7111039

推荐阅读
手机用户2402851155
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有