Как я могу просмотреть дизайн веб-приложения на iPhone и сделать его похожим на нативное приложение? - PullRequest
0 голосов
/ 18 мая 2019

Я жестко программирую веб-приложение, используя HTML, SCSS, JS и Rails, чтобы предварительно просмотреть дизайн приложения, над которым я работаю.Я хочу просмотреть дизайн своего iPhone, но хочу, чтобы он выглядел как родное приложение.Другими словами «нет навигационной панели Safari или нижнего колонтитула».

Я использую localhost на своем MacBook, затем я использовал IP-адрес для предварительного просмотра на iPhone с помощью Safari.

  1. Я добавил следующие метатеги
  2. Добавил веб-приложение на домашний экран iPhone «Добавить на главный экран»
  3. Запустил веб-приложение, нажавна значке, который теперь находится на домашнем экране iPhone, и я по-прежнему вижу навигационную панель и нижний колонтитул.

Если это помогает, контейнер верхнего уровня устанавливается на 100% высоты, и прокрутка на нем отсутствует.домашняя страница.

   <meta name="apple-touch-fullscreen" content="yes" />
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />

1 Ответ

0 голосов
/ 18 мая 2019

Для этого вам нужно добавить свой сайт на домашний экран .

А затем откройте его как собственное приложение (перейдите на домашний экран и коснитесь значка приложения).

enter image description here

...