在 Cordova Phonegap 3.3.0 不工作的情况下检查 iOS 应用程序上的互联网连接

Question

我已尝试按照 Cordova 文档上的 this 指南进行操作，但它似乎不起作用。

这是我的代码：

我已将<plugin name="NetworkStatus" value="CDVConnection" /> 添加到config.xml。

这个脚本给我的index.html:

    <script type="text/javascript">


        document.addEventListener("deviceready", onDeviceReady, false);

        // device APIs are available
        //
        function onDeviceReady() {
            alert("1"); // runs this alert
            checkConnection();
        }

        function checkConnection() {
            var networkState = Connection.CELL;
            alert("2"); // doesn't run this

            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';

            alert('Connection type: ' + states[networkState]);
        }

    </script>

var networkState = Connection.CELL; 似乎是导致问题的原因，因为它没有运行以下警报，我也尝试过navigator.connection.type，但发生了同样的事情。

当我在 Chrome 中运行应用程序时，控制台输出以下错误：

Uncaught ReferenceError: Connection is not defined 

有人知道如何解决这个问题吗？

干杯

Answer 1

我终于解决了这个问题！ - 从头开始​​并执行以下操作：

命令行：

sudo npm install -g cordova
cordova create hello com.example.hello HelloWorld
cd hello
cordova platform add ios
cordova platforms ls //This will list ios
cordova plugin add org.apache.cordova.network-information
cordova build

然后将我的文件（HTML、Javascript 等）拖到 platforms/ios/www/ 文件夹中。

在 xcode 中打开hello.xcodeproj。

编辑 config.xml 并添加以下行：

<feature name="NetworkStatus">
    <param name="ios-package" value="CDVConnection" />
</feature>

然后在我的索引文件中我使用了 JavaScript：

    <script type="text/javascript">
        document.addEventListener("deviceready", onDeviceReady, false);
        // device APIs are available
        function onDeviceReady() {
            if(navigator.network.connection.type == Connection.NONE){
                alert("nocon");
            }else{
                alert("yescon");
            }
        }
    </script>

然后在iPhone/iPad模拟器中运行，有连接输出“yescon”，没有连接输出“nocon”！！

希望这会有所帮助！

Answer 2

这对我有用：

if(navigator.network.connection.type == Connection.NONE){
//no connection
}else{
//You are connected.
}

虽然我查看了文档，但使用这些行看起来有区别：

var networkState = navigator.network.connection.type;

对于所有蜂窝数据，navigator.network.connection.type 设置为 Connection.CELL_2G。

是var networkState = Connection.CELL_2G;吗？

Answer 3

检查您是否已将 Cordova.js 文件包含在 html 中。

<script type="text/javascript" src="cordova.js"></script>

并更改您项目的App/Supporting Files/Cordova.plist。

<key>Plugins</key>
     <dict>
     <key>NetworkStatus</key>
     <string>CDVConnection</string>
</dict>