Отключение оптического масштабирования

#javascript #windows #uwp

#javascript #Windows #uwp

Вопрос:

Я создаю приложение для киоска для использования с назначенным режимом доступа, и я ищу способ либо полностью отключить жест оптического масштабирования, либо иметь возможность сбросить уровень масштабирования с помощью API-интерфейсов JS. Возможно ли это?

Вот описание жеста оптического масштабирования, специально для приложений UWP.

Я выполнил некоторый поиск, и я не вижу ничего, что позволило бы мне отключить или сбросить масштабирование по всему миру на моем устройстве Microsoft Surface или в профиле Windows для пользователей моего киоска.

Вот что я рассмотрел до сих пор:

  1. Отключить Pinch Zoom в настройках мыши. Все инструкции, которые я нашел в Интернете, предназначены для сенсорных панелей. На устройстве Microsoft Surface Pro 4, которое у меня есть, нет настройки масштабирования в любом из настроек мыши или касания.
  2. Настройка meta в HTML для явного запрета масштабирования : <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> . Это не повлияло на приложение. Я все еще могу увеличивать масштаб внутри приложения.
  3. Явно настройте приложение так, чтобы оно не разрешало масштабирование: window.Windows.UI.ViewManagement.ApplicationViewScaling.trySetDisableLayoutScaling(true); Это также не повлияло на приложение. Я все еще могу увеличивать масштаб.
  4. Я уже загрузил свое приложение как приложение с назначенным доступом для своего пользователя, и я подтвердил, что ничего «волшебного» не происходит, чтобы отключить масштабирование в этой среде, ориентированной на киоск.

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

Я пропускаю некоторые очевидные API, которые дают мне контроль над масштабированием в приложении JS UWP?

Комментарии:

1. Также найдена эта ссылка , указывающая на использование -ms-content-zooming . Это тоже не удалось установить — все еще можно увеличивать масштаб.

2. Ах, понял! Я устанавливал -ms-content-zooming для неправильного элемента. В итоге я просто установил его на селекторе * CSS.

3. Работает и спасибо

Ответ №1:

 * {
    -ms-content-zooming: none;
}
  

В документации здесь показаны API, доступные для управления определенными пользовательскими взаимодействиями. Одним из них является свойство CSS -ms-content-zooming , которое можно использовать для отключения встроенной функции оптического масштабирования.