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
Здається, більшість відповідей у цій темі не встигають. iOS Safari на iPad тепер підтримує повноекранну підтримку, і його дуже легко реалізувати за допомогою JavaScript.
Ось моя повна стаття про те, як реалізувати повноекранні можливості у своєму веб-додатку.