Есть ли способ в CSS или Javascript, чтобы сказать, просматривает ли пользователь страницу HTML на своем iPad в качестве веб-приложения?

Question

Довольно простой вопрос, у меня есть веб-страница, которая используется исключительно на iPad.Я настроил его так, чтобы вы могли сохранить его на главном экране и использовать его в качестве веб-приложения.

Мне интересно, есть ли способ с помощью Javascript или CSS, чтобы определить, является ли страницапросматривается из браузера со всеми элементами навигации вверху, или если он был запущен и просматривается как веб-приложение.

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

Answer 1

Ага, нашел его в документах Safari: window.navigator.standalone

Answer 2

Обидно, что вам нужно использовать JS для этого, но я полагаю, что так оно и есть. Вы могли бы действительно избирательно ориентироваться на браузер с помощью некоторых сложных медиа-запросов (например, вы можете использовать условные выражения), но вы, вероятно, пытались это сделать. Наконец, если вы все равно собираетесь использовать JS (автономная версия - это то, что я сам недавно обнаружил), вы можете также рассмотреть возможность использования Modernizr - простого кусочка JS, который будет добавлять классы в тег HTML на основе возможностей браузера, в теории лучший способ нацелить браузер на определенные стили / поведение, чем запрос имени / свойств клиента через JS, поскольку в теории это может быть подделано. Например, Modernizr добавит класс в зависимости от того, возможен ли радиус границы css3.

Answer 3

просто удар в темноте, но, возможно, вы можете взглянуть на местоположение / URL отображаемого в данный момент файла - вы должны быть в состоянии отличить файл на рабочем столе от файла, обслуживаемого веб-сервером.