ionic 判断网络状态

  添加网络插件

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

 在app.js文件中添加如下代码

 

   // 加载Cordova 添加判断网络插件
       document.addEventListener("deviceready", onDeviceReady, false);
        // Cordova加载完毕，可以安全调用Cordova方法
        function onDeviceReady() {
            checkConnection();
        }

        function checkConnection() {
            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]     = '网络异常，不能连接到服务器';

            if(states[networkState] == "网络异常，不能连接到服务器"){
                alert( states[networkState]);
            }else{
               // alert("1111")
            }
        }