Мобильная версияВключение и выключение пользовательского масштабирования с помощью кнопки на мобильных устройствах. ⇐ Javascript
-
Гость
Включение и выключение пользовательского масштабирования с помощью кнопки на мобильных устройствах.
Моя цель — создать кнопку, которая будет включать и выключать масштабирование на мобильных устройствах.
Мне удалось создать кнопку, которая использует событие onClick для вызова следующей функции, чтобы включить масштабируемость пользователем после ее первоначальной загрузки с user-scalable="no", и она работает точно так, как ожидалось:
функция масштабирования(){ viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=device-width; начальный масштаб=1,0; максимальный масштаб=3,0; масштабируемый пользователем=1;'); alert("Это работает?"); } Однако мне нужно пойти дальше и позволить пользователю выключать масштабирование при втором нажатии кнопки, а затем снова включать его в третий раз. и т. д. Ниже приведен текущий код JavaScript, и оператор if работает правильно, но теперь я не могу повлиять на возможность масштабирования.
var toggleZoom = 0; функция масштабирования(){ переключитьZoom++; вар toggleModulus=toggleZoom%2; если (переключитьМодуль == 1) { viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=device-width; начальный масштаб=1,0; максимальный масштаб=3,0; масштабируемый пользователем=1;'); Оповещение("Если"); } еще { viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=device-width; начальный масштаб=1,0; максимальный масштаб=1,0; масштабируемый пользователем=нет;'); Оповещение("еще"); }; alert("функция завершена"); } Что-то мне здесь не хватает? Я не понимаю, почему первый код позволяет мне включать масштабирование при нажатии кнопки, а второй — нет. Кроме того, все во втором коде, похоже, работает правильно, за исключением изменения атрибута.
Моя цель — создать кнопку, которая будет включать и выключать масштабирование на мобильных устройствах.
Мне удалось создать кнопку, которая использует событие onClick для вызова следующей функции, чтобы включить масштабируемость пользователем после ее первоначальной загрузки с user-scalable="no", и она работает точно так, как ожидалось:
функция масштабирования(){ viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=device-width; начальный масштаб=1,0; максимальный масштаб=3,0; масштабируемый пользователем=1;'); alert("Это работает?"); } Однако мне нужно пойти дальше и позволить пользователю выключать масштабирование при втором нажатии кнопки, а затем снова включать его в третий раз. и т. д. Ниже приведен текущий код JavaScript, и оператор if работает правильно, но теперь я не могу повлиять на возможность масштабирования.
var toggleZoom = 0; функция масштабирования(){ переключитьZoom++; вар toggleModulus=toggleZoom%2; если (переключитьМодуль == 1) { viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=device-width; начальный масштаб=1,0; максимальный масштаб=3,0; масштабируемый пользователем=1;'); Оповещение("Если"); } еще { viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=device-width; начальный масштаб=1,0; максимальный масштаб=1,0; масштабируемый пользователем=нет;'); Оповещение("еще"); }; alert("функция завершена"); } Что-то мне здесь не хватает? Я не понимаю, почему первый код позволяет мне включать масштабирование при нажатии кнопки, а второй — нет. Кроме того, все во втором коде, похоже, работает правильно, за исключением изменения атрибута.
