javascript - 是否可以通过 Javascript 在 Mobile Safari 中更改页面缩放？

Question

我有一个使用 jquerymobile 的网站。它加载一个初始网页，然后当其他页面被点击时，它们被加载到一个滑过顶部的“覆盖层”中。

就像这样: http://jquerymobile.com/demos/1.0a4/

..除了我的启用了双指缩放。

我希望缩放状态在用户看到的每个页面上都是独立的。因此，如果用户从第一页开始，打开“覆盖”，放大，然后关闭“覆盖”——我希望第一页重置为原始缩放级别。

这可能吗？

Answer 1

实际上，我只需要自己解决那个具体问题，所以我希望这个答案能帮助其他人。我遇到的具体情况是，我有一个网站(更像是一个 Web 应用程序)不是采用响应式设计构建的，但仍旨在对移动设备友好。界面功能之一是包含一个包含表单的 jQuery 对话窗口。当用户在 Droid 或 iPhone 等手机上填写该表格时，10 次中有 9 次，用户将“缩放”以填写表格。您需要做的就是在某个事件上触发此功能，在我的例子中，它是点击提交按钮。

function changeZoomLevel() {
        var sViewport = '<meta name="viewport" content="width=960">';
        var jViewport = $('meta[name="viewport"]');
        if (jViewport.length > 0) {
            jViewport.replaceWith(sViewport);
        } else {
            $('head').append(sViewport);
        }
}

当然，您可以将宽度属性更改为网站框架的宽度。但这可以解决问题。