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

解决。我将 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 上完美运行！

Answer 2

问题是你的 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();
});