cordova - 禁用放大phonegap

Question

我正在使用 window.open("page.aspx") 在 Phonegap 中打开一个 ASPX 页面。开的不错但是如何禁用该页面的缩放？我试过使用但这没有帮助。这是我的 index.html

   <!DOCTYPE html>
   <html>
   <head>
    <title>InAppBrowser.close Example</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum- scale=1.0, user-scalable=no" />

    <script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
         var ref = window.open('http://google.com/', '_blank', 'location=no');

    }
   </head>
   <body>
   </body>
   </html>

score 1 · Accepted Answer

用户可扩展=否

应该禁用缩放。它还确保正确形成属性值。例如：

maximum-scale=1.0

代替

最大尺度=1.0

这可能会导致视口属性无法渲染。使用

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

应在 inAppBrowser 中禁用滚动。

score 1 · Accepted Answer

1

如果您显示的页面没有禁用缩放，则无法使用 inAppBrowser 执行此操作。

于 2013-03-27T12:19:30.430 回答

score 0 · Accepted Answer

这对我有用：

document.ontouchmove = function(event){
    event.preventDefault();
}

我想这会阻止触摸事件到达最顶层元素。

它也停止了“弹跳”

cordova - 禁用放大phonegap

3 回答 3

Related

Reference