Чем можно управлять при открытии сайта с телефона

«Чем можно управлять при открытии сайта с телефона» — вопрос из категории Доступность, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

При открытии сайта с телефона можно управлять:

  1. Viewport - через метатег <meta name="viewport" content="width=device-width, initial-scale=1"> контролируем масштаб и адаптацию под экран.

  2. Touch-события - обработка касаний через touchstart, touchmove, touchend.

  3. Ориентацией экрана - через CSS медиа-запросы:

@media (orientation: portrait) { ... }
@media (orientation: landscape) { ... }
  1. Геолокацией - через API navigator.geolocation.

  2. Аппаратными возможностями - доступ к камере, акселерометру, вибрации через соответствующие API.

  3. Режимом "добавить на главный экран" - через манифест PWA.

  4. Масштабированием - запрет через user-scalable=no в viewport (не рекомендуется).