Apple говорит в ссылку HTML Safari, что приведенный ниже код должен сделать полноэкранный веб-приложение на iPhone OS 2.1 и более поздних версиях.
<meta name="apple-mobile-web-app-capable" content="yes">
Но это не работает. Есть ли способ скрыть заголовок/локальную панель в Safari в iPad WebApp?
Это работает только после сохранения закладки в приложении на главном экране. Нет, если вы просто просматриваете сайт в обычном режиме.
Если вы хотите остаться в браузере, не открывая новое окно, используйте этот HTML-код:
<a href="javascript:this.location = 'index.php?page=1'">
Сначала запустите браузер Safari с главного экрана и перейдите на веб-страницу, которую вы хотите просмотреть на весь экран.
После размещения веб-страницы нажмите значок стрелки в верхней части экрана.
В раскрывающемся меню нажмите "Добавить на главный экран".
Должно быть отображено окно "Добавить в основное". Вы можете настроить описание, которое будет отображаться как заголовок на главном экране вашего iPad. Когда вы закончите, нажмите кнопку "Добавить".
Теперь на главном экране появится новый значок. При нажатии на значок откроется веб-страница в полноэкранном режиме.
Примечание. Значок на главном экране iPad открывает только закладку в полноэкранном режиме. На следующей странице вы увидите адрес Safari и заголовки. Этот способ воспроизведения вашей веб-страницы или презентации HTML5 в полноэкранном режиме работает, если исходный код веб-страницы содержит следующий тег:
<meta name="apple-mobile-web-app-capable" content="yes">
Вы можете добавить этот тег на свою веб-страницу, используя сторонний инструмент, например iWeb SEO Tool или любой другой, который вам нравится. Обратите внимание, что сначала нужно добавить тег, обновить страницу, а затем добавить закладку на главный экран.
Он открывает только первую (закладку) страницу в полноэкранном режиме. Любая следующая страница будет открыта С новой адресной строкой. Какой бы метатег вы не помещали в свой заголовок страницы...
Этот сайт имеет обходное решение, то же самое, использует некоторый javascript, чтобы установить первый дочерний div на общую высоту области просмотра. http://webapp-net.com/Demo/Index.html