禁用放大phonegap

时间:2013-03-26 11:14:43

标签: cordova

我正在使用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>

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

&lt; meta&gt;中的值标签,

  

用户可扩展=无

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

maximum-scale=1.0

而不是

  

maximum-scale = 1.0

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

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

应在inAppBrowser中禁用滚动。

答案 2 :(得分:0)

这对我有用:

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

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

它也会停止弹跳&#39;