在Windows Phonegap应用程序中页面加载后如何动态更改元标记视口？

Question

我想在按钮单击Windows Phonegap应用程序的“ index.html”中动态更改元标记视口。

我在用

Windows OS 8
phonegap 3.5
带有Windows 8 OS的设备Nokia Lumia 1320

我想在元标记下方进行更改

<meta id="viewport" name="viewport" content="width=device-width">

至

<meta id="viewport" name="viewport" content="width=720">

我已经尝试过以下URL，但对Windows Phone无效。

如何将视口设置为380x800或800x380（取决于方向）？

将视口设置为缩放以适合宽度和高度

在这里，我找到了链接，该链接说不可能在winodws 8 OS中动态更改元标记

http://www.quirksmode.org/blog/archives/2011/06/dynamically_cha.html

Answer 1

尝试检测设备/操作系统并相应地更改元标记http://www.sitepoint.com/detect-mobile-devices-jquery/

Answer 2

第一个编写简单的函数JavaScript，例如，我编写了一个函数viewport（）

<html> 
<head>
    <script>
        function viewport(){
            var msViewportStyle = document.createElement("style");

            msViewportStyle.appendChild(
                document.createTextNode(
                    "@-ms-viewport{width:auto!important;zoom:1!important;}"
                )
            );

            msViewportStyle.appendChild(
                document.createTextNode(
                    "@-ms-viewport{height:auto!important}"
                )
            );

            document.getElementsByTagName("head[0].appendChild(msViewportStyle);
        }
    </script>
</head>
<body>
<button id="btnSubmit" onclick="viewport();">changeviewport</button>
</body>

更多.. [1]：我可以即时更改移动Safari中的视口元标记吗？

在Windows Phonegap应用程序中页面加载后如何动态更改元标记视口？

问题描述

2 个解决方案

解决方案1
0 2015-05-14 13:02:28

解决方案2
0 2015-10-01 12:46:03

在Windows Phonegap应用程序中页面加载后如何动态更改元标记视口？

问题描述

2 个解决方案

解决方案1 0 2015-05-14 13:02:28

解决方案2 0 2015-10-01 12:46:03

解决方案1
0 2015-05-14 13:02:28

解决方案2
0 2015-10-01 12:46:03