Question

经过几个小时的搜索和尝试不同的事情，我接近放弃了。我想在inAppBrowser中打开一个外部URL，该URL现在包含在Phonegap Build中。我使用location=no删除地址栏（也尝试了toolbar=no，但它没有做任何事情），但是每当您滚动页面时出现的缩放（+和 - 按钮）都不会消失。我找不到禁用它的方法，但也许我忽视了什么？我只是使用捏缩放，所以我没有看到在页面顶部设置这些丑陋按钮的原因（专为此应用程序设计）。

有没有办法禁用内置缩放按钮？

我正在测试Android，但计划也在使用iPhone版本。

Answer 1

我有同样的问题，但使用Cordova而不是Phonegap Build。为我做的诀窍是将InAppBrowser.java的第575行更改为settings.setBuiltInZoomControls(false);。

当然，这对iOS不起作用，但据我所知，Phonegap / Cordova没有提供其他方式。

Answer 2

尝试zoom=no

您可以在cordova inappbrowser插件文档中找到详细信息：https://github.com/apache/cordova-plugin-inappbrowser

Answer 3

使用InAppBrowser插件，我遇到了同样的问题。

我设法隐藏了+/-＆＃34;丑陋＆＃34;按钮，但通过更改InAppBrowser.java文件并使用以下命令保持缩放行为（使用捏合手势）：

WebSettings settings = inAppWebView.getSettings();
settings.setBuiltInZoomControls(true); // enable built-in zoom mechanisms
settings.setDisplayZoomControls(false); // disable WebView's zoom controls display

在这里找到它： https://developer.android.com/reference/android/webkit/WebSettings.html#setDisplayZoomControls(boolean)

Answer 4

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

在webview外部页面中使用此元标记谢谢...

Answer 5

这仅删除缩放按钮，仅适用于IOS：

打开项目中的文件：

[YourAppName]/platforms/ios/[YourAppName]/Plugins/org.apache.cordova.inappbrowser/src/ios/CDVInAppBrowser.m

查找并更改此内容：

[self.toolbar setItems:@[self.closeButton, flexibleSpaceButton, self.backButton, fixedSpaceButton, self.forwardButton]];

到此：

[self.toolbar setItems:@[self.closeButton, flexibleSpaceButton]];

然后使用命令行构建项目。

Answer 6

试试这个：var authWindow = window.open(authUrl, '_blank', 'location=no,zoom=no,toolbar=no');

Answer 7

转到文件夹结构 root}\platforms\android\app\src\main\java\org\apache\cordova\inappbrowser\inappbrowser.java

然后搜索“zoom”，在每个地方更改它 zoom="false" 它对我有用。

Cordova 10.0.0，Android Studio 4，2021

禁用Phonegap的inappbrowser中的缩放按钮

7 个答案: