html5 мобильное веб-приложение добавляет к проблеме домашнего экрана

Question

У меня есть веб-приложение, и оно выглядит хорошо, когда назначается домашнему экрану пользователя (ios), но не так хорошо, когда просто заходишь на него из сафари. Есть ли способ контролировать, какие скрипты / элементы запускаются, когда к веб-приложению обращаются только из сафари? И затем отдельный скрипт / код для запуска при запуске с домашнего экрана?

Answer 1

Я предполагаю, что веб-страница настроена на использование без адресной строки и т. Д. При запуске по ссылке на главном экране.И вы хотите определить, когда он не запускается таким образом (для корректировки меньшего вертикального пространства и т. Д.)

Тогда вы хотите обнаружить «режим приложения» или «автономный режим». Похоже, этот сайт достаточно хорошо объясняет, как его обнаружить .

(на случай, если эта ссылка исчезнет в будущем). По сути, тест -

if ( ("standalone" in window.navigator) && !window.navigator.standalone ){
  // Not standalone/fullscreen here (visiting from safari)
}else{
  //Fullscreen mode (launched from homescreen)
}