在 Visual Studio 中放大 Cordova 应用程序答案

【问题标题】：Zoom in Cordova application in Visual Studio在 Visual Studio 中放大 Cordova 应用程序
【发布时间】：2015-04-30 16:04:13
【问题描述】：

我是移动开发的新手。我将 Cordova 与 Visual Studio 2013 Update 4 一起使用。我刚刚在 BlankCordovaApp1 的默认 index.html 中添加了一些文本。我创建了 apk 并将其安装在我的 android 手机上。但是当我在手机上运行该应用程序时，我无法通过捏合进行缩放。我阅读了一些关于 Android 的 Java 代码的建议（但我在 Visual Studio 中工作，没有 java）。

1）我阅读并尝试了以下但无济于事：

<meta name='viewport' content='initial-scale=1.0,minimum-scale=1.0, maximum-scale=10.0;user-scalable=yes' />

2) 这个解决方案Cordova : How to enable viewport zoom 说“在 src/com/packagename 目录中的主 Android Java 文件的 onCreate 方法中添加以下内容”，但我的 Visual Studio 文件夹中没有“src”文件夹。

3)我也试过把这个放到config.xml中，但是没有用。

<preference name="EnableViewportScale" value="true" />

你能帮帮我吗？谢谢

【问题讨论】：

您能否提供您尝试捏合手势的设备详细信息？我相信这适用于 Android 的标准原生应用程序，对吗？
我不了解原生应用。但我是使用 inappbrowser 插件完成的。

标签： visual-studio cordova zooming visual-studio-cordova

【解决方案1】：

我也是 Cordova 的新手，我只使用了 3 个月，我猜你有这个问题，因为字体大小“有时”太小而无法在某些 android 手机中看到。我发现不同手机的字体大小和屏幕大小是不同的，所以你需要“计算”屏幕大小才能有更好的显示效果。

例如，我使用 javascript 和 css 来设置主 DIV 的 windowHeight、windowWidt 和 fontSize，以便在不同的手机中具有相同的外观。

例如

<html>
<body>
<div id="divTest"> Hello </div>
</body>


<script>
if (typeof (window.innerWidth) == 'number') {
        windowHeight = window.innerHeight;
        windowWidth = window.innerWidth;
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        windowHeight = document.documentElement.clientHeight;
        windowWidth = document.documentElement.clientWidth;

    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        windowHeight = document.body.clientHeight;
        windowWidth = document.body.clientWidth;
    }


// try divided by other values instead of 28 to find the differences.
FontHeight = Math.round(windowHeight / 28);

divTest.height = windowHeight + "px";
divTest.width = windowWidth + "px";
divTest.fontSize = FontHeight + "px";
</script>
</html>

使用上面的html，“Hello”的大小对于不同的android手机应该是相同的“ratio”。

【讨论】：

谢谢，但问题是我希望能够放大/缩小。

【解决方案2】：

我是使用 inappbrowser 插件完成的。

【讨论】：