Phonegap：InAppBrowser v0.5.4 插件在 Android 中不工作（Cordova v3.6.4）

Question

我在我的应用程序中使用 cordova InAppBrowser plugin。我使用此代码安装了插件：

cordova plugin add org.apache.cordova.inappbrowser

我想从 InAppBrowser 插件中得到的是，我希望在设备浏览器中打开我的应用程序侧导航中的所有外部链接。不在应用内。

当我使用 Phonegap Developer App 和 phonegap serve 命令测试它时，它对我来说工作得很好。

但是，当我导出它的 APK 并将其安装在同一台设备上时，InAppBrowser 插件没有在浏览器中打开外部链接。当我点击链接时没有任何反应。

我的 config.xml 文件：

<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.zulhilmizainudin.webhostingbandwidthcalculator" version="1.0.0">
  <name>WebHostingBandwidthCalculator</name>
  <description>Hello World sample application that responds to the deviceready event.</description>
  <author href="http://phonegap.com" email="support@phonegap.com">PhoneGap Team</author>
  <feature name="http://api.phonegap.com/1.0/device"/>
  <preference name="permissions" value="none"/>
  <preference name="orientation" value="default"/>
  <preference name="target-device" value="universal"/>
  <preference name="fullscreen" value="true"/>
  <preference name="webviewbounce" value="true"/>
  <preference name="prerendered-icon" value="true"/>
  <preference name="stay-in-webview" value="false"/>
  <preference name="ios-statusbarstyle" value="black-opaque"/>
  <preference name="detect-data-types" value="true"/>
  <preference name="exit-on-suspend" value="false"/>
  <preference name="show-splash-screen-spinner" value="true"/>
  <preference name="auto-hide-splash-screen" value="true"/>
  <preference name="disable-cursor" value="false"/>
  <preference name="android-minSdkVersion" value="7"/>
  <preference name="android-installLocation" value="auto"/>
  <icon src="icon.png"/>
  <icon src="res/icon/android/icon-36-ldpi.png" gap:platform="android" gap:density="ldpi"/>
  <icon src="res/icon/android/icon-48-mdpi.png" gap:platform="android" gap:density="mdpi"/>
  <icon src="res/icon/android/icon-72-hdpi.png" gap:platform="android" gap:density="hdpi"/>
  <icon src="res/icon/android/icon-96-xhdpi.png" gap:platform="android" gap:density="xhdpi"/>
  <icon src="res/icon/blackberry/icon-80.png" gap:platform="blackberry"/>
  <icon src="res/icon/blackberry/icon-80.png" gap:platform="blackberry" gap:state="hover"/>
  <icon src="res/icon/ios/icon-57.png" gap:platform="ios" width="57" height="57"/>
  <icon src="res/icon/ios/icon-72.png" gap:platform="ios" width="72" height="72"/>
  <icon src="res/icon/ios/icon-57-2x.png" gap:platform="ios" width="114" height="114"/>
  <icon src="res/icon/ios/icon-72-2x.png" gap:platform="ios" width="144" height="144"/>
  <icon src="res/icon/webos/icon-64.png" gap:platform="webos"/>
  <icon src="res/icon/windows-phone/icon-48.png" gap:platform="winphone"/>
  <icon src="res/icon/windows-phone/icon-173.png" gap:platform="winphone" gap:role="background"/>
  <gap:splash src="res/screen/android/screen-ldpi-portrait.png" gap:platform="android" gap:density="ldpi"/>
  <gap:splash src="res/screen/android/screen-mdpi-portrait.png" gap:platform="android" gap:density="mdpi"/>
  <gap:splash src="res/screen/android/screen-hdpi-portrait.png" gap:platform="android" gap:density="hdpi"/>
  <gap:splash src="res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:density="xhdpi"/>
  <gap:splash src="res/screen/blackberry/screen-225.png" gap:platform="blackberry"/>
  <gap:splash src="res/screen/ios/screen-iphone-portrait.png" gap:platform="ios" width="320" height="480"/>
  <gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960"/>
  <gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024"/>
  <gap:splash src="res/screen/ios/screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768"/>
  <gap:splash src="res/screen/windows-phone/screen-portrait.jpg" gap:platform="winphone"/>
  <access origin="*" browserOnly="true"/>
  <gap:plugin name="org.apache.cordova.inappbrowser" />
</widget>

我的问题:

如何使 InAppBrowser 插件适用于生产版本 (APK)？

注:

我正在为这个项目使用 cordova v3.6.4。

Answer 1

问题出在你的这一行 config.xml

<access origin="*" browserOnly="true"/>

您需要为要允许在外部链接中打开的外部域添加额外的行。例如，如果您想允许 google 链接在外部浏览器中打开

<access origin="*twitter.*" launch-external="yes" />

然后您可能还需要防止在单击链接时发生默认操作。我喜欢这种打开链接的代码，这取决于您的链接是否具有正确的 href 以及您所有的外部链接是否具有 class="external"

jQuery(document).delegate('.external', 'click', function (e) {
    window.open(e.target.href, '_system');
    e.preventDefault();
});

Answer 2

求解。我将 InAppBrowser 从 v0.5.4 降级为 v0.2.4。

首先，我使用以下命令删除 v.0.5.4 插件：

cordova plugin rm org.apache.cordova.inappbrowser

然后，我使用此命令添加 v0.2.4 插件：

cordova plugin add org.apache.cordova.inappbrowser@0.2.4

最后，我更新我的 config.xml 文件：

<access origin="*" />
<gap:plugin name="org.apache.cordova.inappbrowser" version="0.2.4" />

它现在在 Android 4.1.1 上完美运行！

Phonegap：InAppBrowser v0.5.4 插件在 Android 中不工作（Cordova v3.6.4）

Phonegap: InAppBrowser v0.5.4 plugin not working in Android (Cordova v3.6.4)

android

cordova

cordova-plugins

inappbrowser