Cordova:如何启用视口缩放

Question

我目前正尝试在Cordova Android (webview)上启用本地视口缩放(就像我的意思是本机web缩放)。

这是我的viewport标签:

 <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
            }

如前所述:如何在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文件src/com/packagename目录下的onCreate方法:

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;