javascript - Cordova : How to enable viewport zoom

我目前正在尝试在 Cordova Android (webview) 上启用 native 视口(viewport)缩放(就像我的意思是 native 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

            }

正如那里所说:How to enable zoom controls and pinch zoom in a WebView?

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

最佳答案

试试这个。

将以下内容放入您的 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" />

将以下内容放在 src/com/packagename 目录中的主 Android Java 文件的 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;

希望这可以帮助...

关于javascript - Cordova : How to enable viewport zoom，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24428142/