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

Question

I want to dynamically change meta tag viewport in "index.html" in windows phonegap app on button click. 我想在按钮单击Windows Phonegap应用程序的“ index.html”中动态更改元标记视口。

I am using 我在用

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

I want to change below meta tag 我想在元标记下方进行更改

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

to 至

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

I have already tried below URLs but nothing worked for windows phone. 我已经尝试过以下URL，但对Windows Phone无效。

how to set viewport so it is 380x800 or 800x380 depending on orientation? 如何将视口设置为380x800或800x380（取决于方向）？

Setting the Viewport to Scale to Fit Both Width and Height 将视口设置为缩放以适合宽度和高度

Here I found link where it says it is not possible to change meta tag dynamically in winodws 8 OS 在这里，我找到了链接，该链接说不可能在winodws 8 OS中动态更改元标记

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

Answer 1

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

Answer 2

1st write simple function JavaScript for example I have written one function viewport() 第一个编写简单的函数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>

more..[1]: Can I change the viewport meta tag in mobile safari on the fly? 更多.. [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