Question

我在我的应用中使用cordova InAppBrowser plugin。我使用以下代码安装了插件：

cordova plugin add org.apache.cordova.inappbrowser

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

当我使用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();
});

Phonegap：InAppBrowser v0.5.4插件无法在Android中运行（Cordova v3.6.4）

2 个答案: