Question

我正在使用PhoneGap应用，并且在安装一个特定模块“网络信息”（https://github.com/apache/cordova-plugin-network-information）时遇到问题。 phonegap -v显示我正在运行5.3.7版本

所有其他插件似乎都运行正常。这是我正在处理的应用程序中的一个问题，但我也设法在一个新的应用程序中重现它：我改变的唯一两个文件是index.html和js / index.js在这个例子中，那里是没有js / cordova.js文件，自动包含（Cordova Network and Camera API returns undefined）

我使用以下命令创建了应用程序：

phonegap create ios-test
cd ios-test
phonegap cordova plugin add cordova-plugin-dialogs
phonegap cordova plugin add cordova-plugin-network-information

phonegap cordova插件列表的输出是：

cordova-plugin-dialogs 1.1.1 "Notification"
cordova-plugin-network-information 1.0.1 "Network Information"

基于一个建议here我把它包装在一个setTimeout（）调用中，但这似乎没什么区别。

这是HTML（index.html）：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
    </head>
    <body>
        <div class="app">
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>

和JS：

var app = {
    initialize: function() {
        this.bindEvents();
    },

    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },

    onDeviceReady: function() {
        navigator.notification.alert('Test', null, 'Test', 'OK');

        setTimeout(function() {
            navigator.notification.alert('Debug', null, 'Checking connection', 'OK');

            if (navigator.connection == undefined) {
                navigator.notification.alert('navigator.connection is undefined', null, 'Error', 'OK');
                return;
            }

            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]     = 'No network connection';

            navigator.notification.alert('Network Status', null, 'Connection type: ' + states[networkState], 'OK');
        }, 5000);
    }
};

在我的iPhone上使用phonegap serve和Developer app运行代码后，我收到Debug警报，然后看到“navigator.connection未定义”。

我也试过为iOS构建：

phonegap platform add ios

Adding ios project...
Running command: /Users/James/.cordova/lib/npm_cache/cordova-ios/3.9.2/package/bin/create /Web/ios-test/platforms/ios com.phonegap.helloworld "Hello World" --cli
iOS project created with cordova-ios@3.9.2
Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project
Fetching plugin "cordova-plugin-whitelist@1" via npm
Installing "cordova-plugin-whitelist" for ios
Installing "cordova-plugin-dialogs" for ios
Installing "cordova-plugin-network-information" for ios

这会创建一个platforms/ios文件夹，但我仍然遇到同样的问题。

我也试过了：

检查ARC已启用，iOS8 phonegap cordova network-information app crashes
将以下内容添加到config.xml Check internet connection on iOS app with Cordova Phonegap 3.3.0 not working：

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

改为使用navigator.network.connection.type，Check internet connection on iOS app with Cordova Phonegap 3.3.0 not working
添加了检查AudioToolbox.framework和SystemConfiguration.framework：Cordova Network Plugin does not build on iOS

Answer 1

您没有正确使用this上下文。这是一个常见的错误。 Javascript this不像Java this那样工作。

它不起作用的原因是因为this在运行时而不是汇编时间（或编译时）得到解决）。触发事件后，this将解析为全局this，因为您的app对象现已超出范围。该事件会在app对象的* *之外触发。

快速解决方法是执行app.onDeviceReady而非 ~~this.onDeviceReady~~ 您可以通过将onDeviceReady()设为全局函数并离开{{1到位。

OHH，this答案是指不知道他们需要等待setTimeout()事件的人。在Javascript世界中，糟糕的代码和糟糕的建议比比皆是。

这些视频应有所帮助。 - 最好的运气。

Answer 2

对于任何感兴趣的人，我确实设法使用以下内容使用PhoneGap Build：

<gap:plugin name="cordova-plugin-network-information" version="1.0.1" />

<feature name="Geolocation">
    <param name="ios-package" value="CDVLocation" />
</feature>

虽然没有运气的CLI，所以留下这个没有答案，因为这是原始的问题（并且仍然更容易让它工作）。

iOS上的PhoneGap网络信息插件问题

2 个答案: