Question

我目前正在尝试在Cordova Android（webview）上启用本机视口缩放（就像我的意思是原生网页缩放）。

这是我的视口标记：

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

我尝试过这样的事情：

         function onDeviceReady() {


                ImgCache.options.chromeQuota = 50*1024*1024;

                var domElement = document.getElementById('main-html');
                angular.bootstrap(domElement, "myApp");

                webView.getSettings().setBuiltInZoomControls(true); // this line

            }

如上所述：How to enable zoom controls and pinch zoom in a WebView?

但它不起作用。我缺少什么？

Answer 1

试试这个。

将以下内容放入index.html

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

将以下主要Android Java文件的onCreate方法放在src / com / packagename目录中：

super.appView.getSettings().setBuiltInZoomControls(true);
super.appView.getSettings().setDefaultZoom(ZoomDensity.MEDIUM); 
super.appView.getSettings().setSupportZoom(true);

还在主java文件中添加以下包：

import android.webkit.WebSettings; 
import android.webkit.WebSettings.ZoomDensity;

希望这会有所帮助......

Cordova：如何启用视口缩放

1 个答案: