Я жестко программирую веб-приложение, используя HTML, SCSS, JS и Rails, чтобы предварительно просмотреть дизайн приложения, над которым я работаю.Я хочу просмотреть дизайн своего iPhone, но хочу, чтобы он выглядел как родное приложение.Другими словами «нет навигационной панели Safari или нижнего колонтитула».
Я использую localhost на своем MacBook, затем я использовал IP-адрес для предварительного просмотра на iPhone с помощью Safari.
- Я добавил следующие метатеги
- Добавил веб-приложение на домашний экран iPhone «Добавить на главный экран»
- Запустил веб-приложение, нажавна значке, который теперь находится на домашнем экране 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" />