Веб-приложение скрывает панель навигации Android (виртуальные кнопки «Назад», «Рабочий стол» и т. Д.) В Chrome (с помощью JavaScript) - PullRequest
Новая
       21

Веб-приложение скрывает панель навигации Android (виртуальные кнопки «Назад», «Рабочий стол» и т. Д.) В Chrome (с помощью JavaScript)

0 голосов
/ 26 января 2019

Я делаю веб-приложение и хотел бы создать настоящий полноэкранный опыт. Для Android это включает в себя скрытие как адресной строки Chrome вверху, так и панели навигации внизу (виртуальные кнопки «Назад», «Домой» и «Многозадачность»).

Я просмотрел полноэкранный интерфейс API , , полный экран, статьи о и screenfull.js . Все они реализуют скрытие адресной строки Chrome, но не панели навигации внизу. (Однако они скрывают это в некоторых других браузерах, таких как Opera.) Я проверял это на Xiaomi mi A2 и Galaxy S8.

Должен быть способ достичь этого (по крайней мере, для элемента видео), поскольку полноэкранный режим на YouTube и PornHub способен полностью скрыть это меню.

1 Ответ

0 голосов
/ 31 января 2019

Используйте веб-манифест.Поместите это в файл: 

{
   "display": "fullscreen"
}

Затем добавьте в заголовок ваш HTML: 

<link rel="manifest" href="/manifest.webmanifest">

Проверьте эту ссылку для всех возможных методов: https://developer.mozilla.org/en-US/docs/Web/Manifest

...