iPad WebApp на весь экран в Safari

Question

Apple сообщает в HTML-справке Safari , что приведенный ниже код должен сделать веб-приложение полноэкранным на iPhone OS 2.1 и более поздних версиях.

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

Но, похоже, это не работает. Есть ли способ скрыть строку заголовка / адреса в Safari в iPad WebApp?

Answer 1

Это работает только после сохранения закладки в приложении на домашнем экране.Нет, если вы просто заходите на сайт в обычном режиме.

Answer 2

Если вы хотите остаться в браузере без запуска нового окна, используйте этот HTML-код:

<a href="javascript:this.location = 'index.php?page=1'">

Answer 3

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

2. Найдя веб-страницу, нажмите на значок стрелки в верхней части экрана.

3. В раскрывающемся меню нажмите на опцию Добавить на главный экран.

4. Должно появиться окно «Добавить в начало». Вы можете настроить описание, которое будет отображаться в качестве заголовка на главном экране вашего iPad. Когда вы закончите, нажмите на кнопку Добавить.

5. Теперь на главном экране должен появиться новый значок. Нажатие на иконку откроет веб-страницу в полноэкранном режиме.

Примечание. Значок на домашнем экране iPad открывает страницу с закладками только в полноэкранном режиме. Следующая страница, которую вы посетите, будет содержать адрес и заголовки Safari. Этот способ воспроизведения вашей веб-страницы или презентации HTML5 в полноэкранном режиме работает, если исходный код веб-страницы содержит следующий тег:

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

Вы можете добавить этот тег на свою веб-страницу с помощью стороннего инструмента, например iWeb SEO Tool или любого другого, который вам нравится. Обратите внимание, что сначала нужно добавить тег, обновить страницу, а затем добавить закладку на главный экран.

Answer 4

Открывается только первая (в закладки) полноэкранная страница Любая следующая страница будет открыта с видимой адресной строкой. Какой бы метатег вы не поместили в заголовок своей страницы ...

Answer 5

Этот сайт имеет рабочий обходной путь, тот же эффект, использует некоторый javascript для установки первого дочернего элемента div на общую высоту области просмотра.http://webapp -net.com / Demo / Index.html

Answer 6

Похоже, что большинство ответов в этой теме не поспевают.iOS Safari на iPad теперь имеет полноэкранную поддержку , и его очень легко реализовать с помощью javascript.

Вот моя полная статья о том, как реализовать полноэкранные возможности в вашем веб-приложении.