NativeScript：如何禁用 WebView 中的缩放控件？

Question

我从以下问题中找到了在 Android WebView 中 enable/disable 缩放控件的方法。

How to remove zoom buttons on Android webview?

我正在使用 NativeScript，但在 NativeScript WebView 中没有看到类似的方法。有什么方法可以从 NativeScript 访问 Android WebView 的方法吗？或者，还有其他方法吗？

谢谢。

Answer 1

您可以通过 WebView 的 android 属性获取实际的 android。所以你可以在加载事件中使用类似的东西：

var webView = page.getViewById("webViewID");
if(webView.android) { // in IOS android will be undefined
  webView.android.getSettings().setBuiltInZoomControls(false);
}

Answer 2

在 NS + Angular:

import { WebView, LoadEventData } from "ui/web-view";
...
//Get the element ref from the view #webView
@ViewChild("webView") webView: ElementRef;  
...
//Get the real object type casted
let webview: WebView = this.webView.nativeElement; 
if(webview.android) {
    webview.android.getSettings().setBuiltInZoomControls(false);
}

Answer 3

只需将此元标记添加到您的 html

的 header

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">

NativeScript：如何禁用 WebView 中的缩放控件？

NativeScript: How do I disable zoom controls in WebView?

webview

nativescript