Phonegap网络连接状态 online/onffline html5

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

  祝大家每日精进