#javascript #ios #mobile-safari #progressive-web-apps #iphone-standalone-web-app
#javascript #iOS #mobile-safari #progressive-веб-приложения #iphone-standalone-web-app
Вопрос:
У меня многостраничный веб-сайт. Я добавляю его на главный экран в iPhone, используя кнопку «Добавить на главный экран» в меню «Поделиться».
Когда я открываю его с помощью значка на главном экране, веб-сайт отображается во весь экран. Но когда я захожу на любую подстраницу с другим маршрутом, например example.com/page , я вижу серые полосы вверху и внизу, показывающие адрес, навигацию назад и вперед, кнопку «Готово», кнопку «Поделиться», кнопку «открыть в safari».
Как я могу заставить его постоянно отображаться на весь экран? Изменение маршрутизации для использования # не является вариантом. В какой-то момент в прошлом это работало, но мне пришлось удалить приложение, и я не могу заставить его работать снова
Комментарии:
1. хм, вы используете pwa? должен быть файл манифеста, в котором вы можете настроить экран на полноэкранный режим developer.mozilla.org/en-US/docs/Web/Manifest/display
Ответ №1:
Я разобрался сам, оказывается, что недавно я удалил manifest.json из html-файла. Добавление его обратно решило проблему! Кроме того, я нашел эту страницу полезной для понимания того, как работает манифестhttps://web.dev/add-manifest /