Cordova InAppBrowser not zooming

我在使用Cordova的InAppBrowser插件时遇到问题，我似乎无法激活缩放。

我已经将InAppBrowser插件添加到我的应用程序中，我将其命名为…

HTML:注意-我尝试过更改/删除元标签，但没有任何区别

<head>
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/snap.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
</head>

JavaScript:

/**
 * Global window.open
 * InAppBrowser Plugin
 * http://cordova.apache.org/docs/en/3.0.0/cordova_inappbrowser_inappbrowser.md.html
 */
var iabRef = null;
function iabLoadStart(event) {
    spinner.spin(target);
}
function iabLoadStop(event) {
    spinner.stop();
}
function iabLoadError(event) {
    // alert(event.type + ' - ' + event.message);
}
function iabClose(event) {
     iabRef.removeEventListener('loadstart', iabLoadStart);
     iabRef.removeEventListener('loadstop', iabLoadStop);
     iabRef.removeEventListener('loaderror', iabLoadError);
     iabRef.removeEventListener('exit', iabClose);
}
function loadExternalUrl(url) {
    iabRef = window.open(url, '_blank', 'location=yes,EnableViewPortScale=yes');
    iabRef.addEventListener('loadstart', iabLoadStart);
    iabRef.addEventListener('loadstop', iabLoadStop);
    iabRef.removeEventListener('loaderror', iabLoadError);
    iabRef.addEventListener('exit', iabClose);
    return false;
}

HTML:

<a onclick="loadExternalUrl('http://www.someurl.co.uk')">url</a>

它加载网页很好，问题是它被放大了，我无法控制缩放。我已经读了好几篇文章，但似乎无法发挥作用。

Cordova版本：

cordova -v => 4.0.0
cordova plugin list => org.apache.cordova.inappbrowser 0.5.4-dev "InAppBrowser"
cordova platform version android => android 3.6.4

Manifest.xml

<feature name="InAppBrowser">
    <param name="android-package" value="org.apache.cordova.inappbrowser.InAppBrowser" />
</feature>

如果有人能解释我为什么不能变焦，我会非常感激！

提前感谢！

我建议更改

iabRef = window.open(url, '_blank', 'location=yes,EnableViewPortScale=yes');

至

iabRef = window.open(url, '_blank', 'location=yes,enableviewportscale=yes');

您可能还想将其添加到您的项目config.xml中（尽管它可能是iOS特定的东西）：

<preference name="EnableViewportScale" value="true"/>

我终于找到了一个解决方案，所以我想分享一下。

首先，我在编辑一个旧的索引文件，所以任何更改都不会生效。当我意识到这一点时，我注意到我包含了cordova.js两次，一次在头部，另一次在身体下方，这导致出现以下错误

module org.apache.inappbrowser does not exist

我删除了这个，但仍然无法让插件工作，我使用CLI添加和删除了插件好几次，但仍然没有乐趣。

经过几个小时的挖掘，我意识到我在几个不同的目录中有旧的冗余插件代码，我删除了以下目录中的所有插件，以及android.json文件：

[my_project]/plugins
[my_project]/platforms/android/src/org/apache/cordova/inappbrowser
[my_project]/platforms/android/cordova/plugins/
[my_project]/platforms/android/assets/www/plugins

一旦我删除了所有这些，然后添加了插件

cordova plugin add org.apache.cordova.inappbrowser

这似乎已经为我修复了一切，所以希望它能帮助其他人！

相关内容

最新更新

热门标签：