javascript - 我可以即时更改移动版 Safari 中的视口(viewport)元标记吗？

Question

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

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

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

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

Answer 1

我意识到这有点老了，但是，是的，这是可以做到的。一些让您入门的 javascript:

viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0');

只需更改您需要的部分，Mobile Safari 就会遵循新设置。

更新:

如果您在源代码中还没有 meta viewport 标签，您可以直接附加如下内容:

var metaTag=document.createElement('meta');
metaTag.name = "viewport"
metaTag.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
document.getElementsByTagName('head')[0].appendChild(metaTag);

或者如果您使用的是 jQuery:

$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">');