Phonegap插件不工作-连接未定义

phonegap plugin not working - connection undefined

本文关键字:连接 未定义 工作 插件 Phonegap      更新时间:2023-09-26

根据电话缺口文档,我应该能够通过简单地将<gap:plugin name="org.apache.cordova.network-information" />添加到config.xml来添加网络连接插件

我使用示例js函数来测试连接,它似乎不起作用。LogCat显示'无法读取未定义'的属性'类型',这让我认为插件从未添加。

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]     = 'No network connection';
alert('Connection type: ' + states[networkState]);

}

config . xml:

<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns   = "http://www.w3.org/ns/widgets"
    xmlns:gap   = "http://phonegap.com/ns/1.0"
    id          = "#myapp#"
    versionCode = "10" 
    version     = "1.0.0" >
<!-- versionCode is optional and Android only -->
<name>#myapp#"</name>
<description>
    #myapp#"
</description>
<author href="#myapp#"" email="#myapp#"">#myapp#"</author>

<!-- Customize your app and platform with the preference element. -->
<preference name="phonegap-version"           value="3.1.0" />          <!-- all: current version of PhoneGap -->
<preference name="orientation"                value="default" />        <!-- all: default means both landscape and portrait are enabled -->
<preference name="target-device"              value="universal" />      <!-- all: possible values handset, tablet, or universal -->
<preference name="fullscreen"                 value="false" />           <!-- all: hides the status bar at the top of the screen -->
<preference name="prerendered-icon"           value="true" />           <!-- ios: if icon is prerendered, iOS will not apply it's gloss to the app's icon on the user's home screen -->
<preference name="ios-statusbarstyle"         value="black-opaque" />   <!-- ios: black-translucent will appear black because the PhoneGap webview doesn't go beneath the status bar -->
<preference name="detect-data-types"          value="true" />           <!-- ios: controls whether data types (such as phone no. and dates) are automatically turned into links by the system -->
<preference name="exit-on-suspend"            value="false" />          <!-- ios: if set to true, app will terminate when home button is pressed -->
<preference name="auto-hide-splash-screen"    value="true" />           <!-- ios: if set to false, the splash screen must be hidden using a JavaScript API -->
<preference name="disable-cursor"             value="false" />          <!-- blackberry: prevents a mouse-icon/cursor from being displayed on the app -->
<preference name="android-minSdkVersion"      value="14" />              <!-- android: MIN SDK version supported on the target device. MAX version is blank by default. -->
<preference name="android-installLocation"    value="auto" />           <!-- android: app install location. 'auto' will choose. 'internalOnly' is device memory. 'preferExternal' is SDCard. -->
<preference name="splash-screen-duration"     value="10000"/>

<!-- Plugins -->
<!-- Core plugins
<gap:plugin name="org.apache.cordova.battery-status" />
<gap:plugin name="org.apache.cordova.camera" />
<gap:plugin name="org.apache.cordova.media-capture" />
<gap:plugin name="org.apache.cordova.console" />
<gap:plugin name="org.apache.cordova.contacts" />
<gap:plugin name="org.apache.cordova.device" />
<gap:plugin name="org.apache.cordova.device-motion" />
<gap:plugin name="org.apache.cordova.device-orientation" />
<gap:plugin name="org.apache.cordova.dialogs" />
<gap:plugin name="org.apache.cordova.file" />
<gap:plugin name="org.apache.cordova.file-transfer" />
<gap:plugin name="org.apache.cordova.geolocation" />
<gap:plugin name="org.apache.cordova.globalization" />
<gap:plugin name="org.apache.cordova.inappbrowser" />
<gap:plugin name="org.apache.cordova.media" />
<gap:plugin name="org.apache.cordova.splashscreen" />
<gap:plugin name="org.apache.cordova.vibration" />
-->
<gap:plugin name="org.apache.cordova.network-information" />
<!-- Third party plugins -->
<!-- A list of available plugins are available at https://build.phonegap.com/plugins -->
<!-- 
    <gap:plugin name="com.phonegap.plugins.barcodescanner" />
-->
<!-- Define app icon for each platform.     -->
<icon src="icon.png" />
<icon src="tools/images/icons/36.png"   gap:platform="android"    gap:density="ldpi" />
<icon src="tools/images/icons/48.png"   gap:platform="android"    gap:density="mdpi" />
<icon src="tools/images/icons/72.png"   gap:platform="android"    gap:density="hdpi" />
<icon src="tools/images/icons/96.png"   gap:platform="android"    gap:density="xhdpi" />
<icon src="tools/images/icons/57.png"   gap:platform="ios"        width="57" height="57" />
<icon src="tools/images/icons/72.png"   gap:platform="ios"        width="72" height="72" />
<icon src="tools/images/icons/114.png"  gap:platform="ios"        width="114" height="114" />
<icon src="tools/images/icons/144.png"  gap:platform="ios"        width="144" height="144" />
<icon src="tools/images/icons/64.png"   gap:platform="webos" />
<icon src="tools/images/icons/48.png"   gap:platform="winphone" />
<icon src="tools/images/icons/173.png"  gap:platform="winphone"   gap:role="background" />
<!-- Define app splash screen for each platform.    -->
<gap:splash src="tools/images/splash/android/320x426.9.png" gap:platform="android" gap:density="ldpi" />
<gap:splash src="tools/images/splash/android/320x470.9.png" gap:platform="android" gap:density="mdpi" />
<gap:splash src="tools/images/splash/android/480x640.9.png" gap:platform="android" gap:density="hdpi" />
<gap:splash src="tools/images/splash/android/720x960.9.png" gap:platform="android" gap:density="xhdpi" />
<gap:splash src="tools/images/splash/ios/320x480.jpg"       gap:platform="ios"     width="320" height="480" />
<gap:splash src="tools/images/splash/ios/640x960.jpg"       gap:platform="ios"     width="640" height="960" />
<gap:splash src="tools/images/splash/ios/768x1024.jpg"      gap:platform="ios"     width="768" height="1024" />
<gap:splash src="tools/images/splash/ios/1024x768.jpg"      gap:platform="ios"     width="1024" height="768" />
<gap:splash src="tools/images/splash/ios/320x480.jpg"       gap:platform="winphone" />
<!--
    Define access to external domains.
    <access />            - a blank access tag denies access to all external resources.
    <access origin="*" /> - a wildcard access tag allows access to all external resource.
    Otherwise, you can specify specific domains:
-->
<access origin="*"/> <!-- allow local pages -->
<!--
    <access origin="http://phonegap.com" />                    - allow any secure requests to http://phonegap.com/
    <access origin="http://phonegap.com" subdomains="true" />  - same as above, but including subdomains, such as http://build.phonegap.com/
-->

我是phonegap的新手,以前从未使用过phonegap插件。

我使用的是phonegap 3.1版

原来我需要添加cordova.js到index.html。完全一样:

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>

如果您使用的是build.phonegap.com web服务;我就是这样。Phonegap构建器将为每个构建(Android、Win phone、iOS)找到并包含正确的cordova.js文件。您需要在您上传到build.phonegap.com的包中实际拥有cordova.js文件…服务动态地为您添加:)(:

感谢@george-siggouroglou在另一个问题上的帮助

我认为你错过了这个-检查网络连接可用或不添加以下在您的config.xml -在plugin.xml中添加权限,在config.xml中添加插件名

插件检查网络连接Android -

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<plugin name="NetworkStatus" value="org.apache.cordova.NetworkManager" />

For IOS -

<plugin name="NetworkStatus" value="CDVConnection" />

这可能会帮助你PHONEGAP DOCS