Общие сведения о прогрессивных веб-приложениях и мини-информационной панели
Прогрессивные веб-приложения (PWA) — это образец создания похожих на приложения, надежных и легко устанавливаемых веб-сайтов с мгновенной загрузкой.
Когда ваш PWA пройдет контрольный список возможности установки на Android, в нижней части окна браузера появится системное диалоговое окно Chrome, называемое мини-информационной панелью.
Сегодня мини-информационная панель «Добавить на главный экран» отображается одновременно с событием beforeinstallprompt .
Изменения в Chrome 76
Мы прислушивались к нашему сообществу и услышали, что разработчики хотят большего контроля над тем, когда просить пользователей установить PWA. Мы вас услышали!
Начиная с Chrome 76, вы можете запретить появление мини-информационной панели, вызвав метод preventDefault() в событии beforeinstallprompt .
Событие beforeinstallprompt может помочь вам продвигать установку прогрессивного веб-приложения, упрощая пользователям добавление его на главный экран. Наше сообщество сообщило, что пользователи, которые устанавливают PWA на главный экран, очень активно вовлечены: у них больше повторных посещений, время, проведенное в приложении, и, когда это применимо, более высокие коэффициенты конверсии.
Чтобы продвигать свое веб-приложение без мини-информационной панели, прослушайте событие beforeinstallprompt , а затем сохраните его. Затем обновите пользовательский интерфейс, чтобы указать, что PWA можно установить, например, добавив кнопку установки, отобразив баннер установки, используя рекламные объявления в ленте или пункт меню. Когда пользователь нажимает на элемент установки, вызовите prompt() для сохраненного события beforeinstallprompt , чтобы отобразить модальное диалоговое окно добавления на главный экран.
Будущее мини-информационной панели «Добавить на главный экран»
Использование дополнительной информационной панели на главном экране по-прежнему является временной мерой. Мы экспериментируем с новыми шаблонами пользовательского интерфейса, которые по-прежнему будут предоставлять пользователям Progressive Web App возможность установки, и делаем это таким образом, чтобы уменьшить беспорядок в работе в Интернете.