В попытке скрыть компоненты интерфейса Safari для веб-приложения, помеченного как значок Homescreen. Я использую этот метатег
<meta name="apple-mobile-web-app-capable" content="yes" />
как указано в iPhone Dev Center, но адресная строка и панель инструментов все еще присутствуют при запуске с главного экрана. Что мне нужно делать по-другому? У кого-нибудь есть пример?
window.top.scrollTo(0, 1);
Работает на iPhone, но не в iPad. Я успешно скрывал компоненты браузера на iPad (так предположительно везде), используя
<meta name="apple-mobile-web-app-capable" content="yes" />
и запуск с главной страницы. Я также использую
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Я не пробовал видеть, если компоненты браузера все еще скрыты, если я не оставляю свойства видового экрана.
Он запускается с главного экрана? Документация на связанной странице не упоминается, но я нашел это @Настройка веб-приложений:
Например, вы можете указать значок для своего веб-приложения, используемого для его представления при добавлении на главный экран, как описано в разделе "Указание значка веб-страницы для веб-клипа". Вы также можете свести к минимуму Safari на пользовательском интерфейсе iPhone, как описано в разделе "Изменение внешнего вида строки состояния" и "Скрытие компонентов пользовательского интерфейса Safari", , когда ваше веб-приложение запускается с главного экрана. Это все дополнительные параметры, которые при добавлении в ваш веб-контент игнорируются другими платформами.
Вы пробовали добавить...
<meta name="apple-touch-fullscreen" content="yes" />
Из того, что я могу сказать, iOS уделяет внимание флагам, когда вы действительно добавляете приложение. Если приложение apple-mobile-web-app-able не работает сначала, попробуйте удалить приложение с главного экрана, а затем повторно добавьте его.
Я провел несколько экспериментов и нашел:
Надеюсь, что это поможет!
Я знаю, что это довольно старый, но я столкнулся с этим при поиске решения. Я смог исправить это, добавив:
window.top.scrollTo(0, 1);
к методу onload тела. Надеюсь, что это поможет кому-то еще натолкнуться на это.
Он работает на iOS 4.0.
Попробуйте это
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width; user-scalable=0;">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon" href="icon.png">
Существует новая директива под названием "minimal-ui", которую учитывает браузер iOS (по крайней мере, на iPhone, где я тестировал). Панели инструментов скрыты, пока пользователь не нажмет на панель состояния сверху. Очень приятно для приложений с одной страницей!
Вот фрагмент, который я использую:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
Это должно действительно вести себя так, как ожидалось, я использовал его в прошлом без каких-либо трудностей.
<meta name="apple-mobile-web-app-capable" content="yes" />
Это будет работать, если:
<meta name="apple-mobile-web-app-capable" content="yes" />
работает в iOS6 + Mobile Safari Browser, но ТОЛЬКО, если вы добавили страницу на свой рабочий стол после того, как вы включили метатег на свой сайт.
все выше метатеги и window.scrollTo, не работали на ipad для меня, Я нашел кнопку на сафари рядом с закладками, где вы получили опцию "Добавить на главный экран", она создает новый значок плитки, и вы можете запустить свое веб-приложение, как родное приложение, и нет адресной строки там.
Начиная с iOS 7.1, вы можете использовать minimal-ui
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">