使用phonegap build放大android应用程序

Question

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

有什么办法可以让用户更改这个以便放大和缩小？

Answer 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";
});

Answer 2

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