iPad WebApp полноэкранный режим в Safari
Apple утверждает, что в Safari HTML reference что приведенный ниже код должен сделать веб-приложение полноэкранным на iPhone OS 2.1 и более поздних версиях.
<meta name="apple-mobile-web-app-capable" content="yes">
но это, кажется, не работает. Есть ли способ скрыть строку заголовка/местоположения в Safari в веб-приложении iPad?
5 ответов:
Это работает только после сохранения закладки в приложение на главном экране. Нет, если вы просто просматриваете сайт нормально.
Если вы хотите остаться в браузере без запуска нового окна, используйте этот 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