Скрытие компонентов пользовательского интерфейса Safari на iPhone

Ответ 1

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" />

Я не пробовал видеть, если компоненты браузера все еще скрыты, если я не оставляю свойства видового экрана.

Ответ 2

Он запускается с главного экрана? Документация на связанной странице не упоминается, но я нашел это @Настройка веб-приложений:

Например, вы можете указать значок для своего веб-приложения, используемого для его представления при добавлении на главный экран, как описано в разделе "Указание значка веб-страницы для веб-клипа". Вы также можете свести к минимуму Safari на пользовательском интерфейсе iPhone, как описано в разделе "Изменение внешнего вида строки состояния" и "Скрытие компонентов пользовательского интерфейса Safari", , когда ваше веб-приложение запускается с главного экрана. Это все дополнительные параметры, которые при добавлении в ваш веб-контент игнорируются другими платформами.

Ответ 3

Вы пробовали добавить...

<meta name="apple-touch-fullscreen" content="yes" />

Ответ 4

Из того, что я могу сказать, iOS уделяет внимание флагам, когда вы действительно добавляете приложение. Если приложение apple-mobile-web-app-able не работает сначала, попробуйте удалить приложение с главного экрана, а затем повторно добавьте его.

Я провел несколько экспериментов и нашел:

• расположение метатега внутри заголовков, похоже, не имеет значения (я думал, что это возможно!)
  
• после добавления приложения и его корректного удаления адресной строки, если вы удалите метатеги с веб-страницы, iOS продолжает удалять панель инструментов.
  
• даже после перезагрузки устройства он все еще "запоминает", следует ли удалять панель инструментов. Единственный способ, которым я нашел сброс этого поведения, - удалить и повторно добавить приложение.

Надеюсь, что это поможет!

Ответ 5

Я знаю, что это довольно старый, но я столкнулся с этим при поиске решения. Я смог исправить это, добавив:

window.top.scrollTo(0, 1);

к методу onload тела. Надеюсь, что это поможет кому-то еще натолкнуться на это.

Ответ 6

http://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW2

Он работает на iOS 4.0.

Ответ 7

Попробуйте это

<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">

Ответ 8

Существует новая директива под названием "minimal-ui", которую учитывает браузер iOS (по крайней мере, на iPhone, где я тестировал). Панели инструментов скрыты, пока пользователь не нажмет на панель состояния сверху. Очень приятно для приложений с одной страницей!

Вот фрагмент, который я использую:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

Ответ 9

Это должно действительно вести себя так, как ожидалось, я использовал его в прошлом без каких-либо трудностей.

Ответ 10

<meta name="apple-mobile-web-app-capable" content="yes" />

Это будет работать, если:

• Тег существует, когда приложение добавляется на главный экран.
• Приложение запускается с главного экрана.

Ответ 11

<meta name="apple-mobile-web-app-capable" content="yes" />

работает в iOS6 + Mobile Safari Browser, но ТОЛЬКО, если вы добавили страницу на свой рабочий стол после того, как вы включили метатег на свой сайт.

Ответ 12

все выше метатеги и window.scrollTo, не работали на ipad для меня, Я нашел кнопку на сафари рядом с закладками, где вы получили опцию "Добавить на главный экран", она создает новый значок плитки, и вы можете запустить свое веб-приложение, как родное приложение, и нет адресной строки там.

Ответ 13

Начиная с iOS 7.1, вы можете использовать minimal-ui

<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">