Phonegap网络连接状态 online/onffline html5

来源:互联网 发布:映客花椒类型直播源码 编辑:程序博客网 时间:2024/06/05 10:15

Phonegap网络连接状态  html5

在当前的界面自动判断是否连接上网络  或者  断网

事件监听为 offline  和online    提供Demo下载

cordova 3.4 提供了新的API    org.apache.cordova.network-information

 

将原来的Events 的online 和offline 拆分了出来    并入了network-information模块

 

 

支持的系统:

  • Amazon Fire OS
  • Android
  • BlackBerry 10
  • iOS
  • Windows Phone 7 and 8
  • Tizen
  • Windows 8

     

    下载插件:

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


     

     

     

     

     function onDeviceReady() {               document.addEventListener("offline", onOffline, false);            document.addEventListener("online", onOnline, false);    }            function onOffline(e) {            // Handle the offline event                alert("网络连接未连接");            }            function onOnline() {            // Handle the offline event                 alert("网络连接已连接");                   }


     

    当连上网的时候  会自动执行onOnline方法 

    当断网的时候 会自动执行onOffline方法   

     

    android问题:

    自己动手检测后发现 :       如果没有网络    第一次启动的时候  onOffline 会调用2次  

     

    ios 问题:

    官方文档说 启动需要1秒后才回有反应

    Demo 演示图:

     

     

    工程下载    将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

    祝大家每日精进

     

  • 3 0
    原创粉丝点击