我可以在mobile safari中动态更改视口元标记吗?

我有一个为移动Safari浏览器构建的AJAX应用程序,它需要显示不同类型的内容

对于某些内容,我需要user scalable=1,对于其他内容,我需要user scalable=0

有没有办法在不刷新页面的情况下修改content属性的值

<meta name=“viewport”content=“width=设备宽度;初始比例=1.0;最大比例=1.0;用户可伸缩性=0;”/>

我知道这有点老了,但是,是的,这是可以做到的。一些javascript帮助您入门:

viewport=document.querySelector(“meta[name=viewport]”);
setAttribute(“内容”,“宽度=设备宽度,初始比例=1.0,最大比例=1.0,用户可伸缩性=0”);

只需更改所需的部件,Mobile Safari将尊重新设置

更新:

如果源中还没有meta viewport标记,则可以直接使用以下内容将其附加:

var metaTag=document.createElement(’meta’);
metaTag.name=“视口”
metaTag.content=“宽度=设备宽度,初始比例=1.0,最大比例=1.0,用户可伸缩性=0”
document.getElementsByTagName(’head’)[0].appendChild(metaTag);

或者,如果您正在使用jQuery:

追加(’meta name=“viewport”content=“width=device width,initial scale=1.0,maximum scale=1.0,user scalable=0”>);

发表评论