移动端笔记-js检测网络状态

在移动项目，有时候需要检测当前的状态是否是在wifi网络下，那js可以检测出这种状态吗？

我们可以试下用window.navigator.connection来检测，另外微信6.0版本以上，UA有个NetType，6.0版本以下，可以用微信私有接口WeixinJSBridge：

var  wifi =  true ;      var  ua = window.navigator.userAgent;      var  con = window.navigator.connection;      // 如果是微信      if (/MicroMessenger/.test(ua)){          // 如果是微信6.0以上版本，用UA来判断          if (/NetType/.test(ua)){              if (ua.match(/NetType\/(\S*)$/)[1] !=  'WIFI' ){                  wifi =  false ;              }          // 如果是微信6.0以下版本，调用微信私有接口WeixinJSBridge          } else {              document.addEventListener( "WeixinJSBridgeReady" , function  onBridgeReady(){                  WeixinJSBridge.invoke( 'getNetworkType' ,{}, function (e){                      if (e.err_msg !=  "network_type:wifi" ){                          wifi =  false ;                      }                  });              });          }      // 如果支持navigator.connection      } else  if (con){          var  network = con.type;          if (network !=  "wifi"  && network !=  "2"  && network !=  "unknown" ){   // unknown是为了兼容Chrome Canary              wifi =  false ;          }      } window.networkWIFI = wifi;