Можно ли изменить масштаб страницы в Mobile Safari через Javascript?

Question

У меня есть сайт, использующий jquerymobile.Он загружает исходную веб-страницу, а затем при нажатии на другие страницы они загружаются в «оверлей», который скользит по верху.

Точно так же: http://jquerymobile.com/demos/1.0a4/

.. кромеУ меня включено масштабирование с помощью пинча.

Я хочу, чтобы масштабирование было независимым на каждой странице, которую видит пользователь.Итак, если пользователь начинает с первой страницы, открывает «оверлей», увеличивает, а затем закрывает «оверлей» - я хочу, чтобы на первой странице был установлен исходный уровень масштабирования.

Возможно ли это

Answer 1

На самом деле, мне просто нужно было решить эту конкретную проблему самостоятельно, поэтому я надеюсь, что этот ответ поможет кому-то еще. Сценарий, с которым я столкнулся конкретно, заключается в том, что у меня есть веб-сайт (который больше похож на веб-приложение), который не был построен в адаптивном дизайне, но по-прежнему предназначен для мобильных устройств. Одной из особенностей интерфейса является включение диалогового окна jQuery, содержащего форму. Когда пользователь заполняет эту форму на мобильном телефоне, таком как Droid или iPhone, 9 раз из 10, он «ущипнет», чтобы заполнить форму. Все, что вам нужно сделать, это вызвать эту функцию на каком-то событии, в моем случае это было нажатие кнопки отправки.

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);
        }
}

Конечно, вы измените атрибут ширины на ширину каркаса вашего сайта. Но это поможет.

Answer 2

Нет, нет способа контролировать масштабирование браузера. Вы должны использовать JavaScript для масштабирования (или масштабирования) ваших объектов в браузере. Лучше всего отключить защемление, установив user-scalable в no