NativeScript:如何在WebView中禁用缩放控件？

Question

我从以下问题找到了在Android WebView中启用/禁用缩放控件的方法.

如何删除Android webview上的缩放按钮？

我正在使用NativeScript,我在NativeScript WebView中看不到类似的方法.有什么办法可以从NativeScript访问Android WebView的方法吗？或者,还有其他方法吗？

谢谢.

Answer 1

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

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

Answer 2

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

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

Answer 3

在 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);
}