使用 phonegap 构建放大 android 应用程序答案

【问题标题】：Zoom in android app with phonegap build使用 phonegap 构建放大 android 应用程序
【发布时间】：2012-06-02 21:40:01
【问题描述】：

我正在使用 jQuery Mobile 和 Phonegap 构建一个 Android 应用程序，我希望用户能够放大和缩小页面以更详细地查看图像。我试过搜索这个问题，但给出的答案都不适合我，所以我非常感谢任何帮助。这是我在页面顶部的内容：

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

有什么方法可以让用户放大和缩小吗？

【问题讨论】：

【解决方案1】：

默认情况下，缩放是禁用的，因为以下元标记由 jQuery Mobile 动态注入到您的文档中：

为此元标记写出的实际@content 值由$.mobile.metaViewportContent 属性控制。它的默认值为：

    metaViewportContent: "width=device-width, minimum-scale=1, maximum-scale=1"

如果您想恢复缩放功能，您必须覆盖指定的比例值，以便最大比例大于最小值，或者从 metaViewportContent 中删除比例属性以获得默认行为。

要设置该属性，您必须绑定到 mobileinit 事件，以便您可以根据自己的喜好设置该属性。比如：

$(document).bind("mobileinit", function(){
      $.mobile.metaViewportContent = "width=device-width, minimum-scale=1,
       maximum-scale=2";
});

或删除比例值：

$(document).bind("mobileinit", function(){
      $.mobile.metaViewportContent = "width=device-width";
});

【讨论】：

【解决方案2】：

无法使用 PhoneGap Build 在 Android 上启用缩放 - 请参阅我在 Enabling viewport pinch-zoom in Phonegap Android application has no effect 上的回答，了解如何在 destop PhoneGap 中执行此操作。

【讨论】：