Google представляет новый интерфейс установки PWA в Chrome для Android
Прогрессивное веб-приложение – это, по сути, облегченная версия полноценного приложения. Если вы установите эти приложения в Chrome для Android, ваши будущие установки приложений PWA будут напоминать установки собственных приложений.
Это связано с тем, что Google выпускает новый пользовательский интерфейс установки PWA, который очень похож на пользовательский интерфейс Play Store.
Текущие установки PWA в Chrome
В настоящее время, если вы откроете поддерживаемый сайт в Chrome на Android, вы увидите внизу небольшой баннер с просьбой добавить приложение на главный экран. Вот как вы в настоящее время устанавливаете прогрессивные веб-приложения в Chrome на Android.
Этот пользовательский интерфейс установки не выглядит и не похож на собственный интерфейс установки приложения.
Новый пользовательский интерфейс установки PWA в Chrome для Android
Как заявили разработчики Chrome в Twitter, Google предлагает более богатый пользовательский интерфейс для установки прогрессивных веб-приложений в Chrome на Android.
Начиная с сегодняшнего дня на Android, некоторые пользователи получат более богатый диалог установки PWA в Twitter.
– Хотите того же для вашего PWA?
– Легкий. Добавьте элемент description и screenshots в свой манифест, и все готово.Подробнее читайте на https://t.co/dBVxQmQMcU pic.twitter.com/h8Sczroz4L
– Разработчики Chrome (@ChromiumDev) 29 марта 2021 г.
Этот интерфейс очень похож на то, что вы видите в официальном магазине Google Play. Там есть название приложения, небольшое описание, несколько снимков экрана и даже кнопка «Установить».
Как выглядит новый пользовательский интерфейс PWA
Поскольку этот новый пользовательский интерфейс только что был выпущен, не так много приложений, использующих этот новый пользовательский интерфейс. Twitter первым использует этот интерфейс установки для своего прогрессивного веб-приложения.
В этом новом пользовательском интерфейсе установки у вас теперь есть небольшое описание приложения, несколько снимков экрана приложения, которое вы собираетесь установить, и кнопка « Установить» в правом верхнем углу приглашения.
Нажатие этой кнопки устанавливает PWA на ваш телефон; это дает вам почти такое же ощущение, как если бы вы устанавливали приложение Play Store.
Как использовать новый интерфейс для вашего приложения
Если вы разработчик, вам нужно добавить в манифест двух участников, чтобы использовать этот новый пользовательский интерфейс установки. Добавьте участников описания и снимков экрана в файл манифеста, и Chrome для Android будет использовать новый пользовательский интерфейс для установки прогрессивного веб-приложения.
При добавлении изображений в приложение помните следующее:
- Ширина и высота изображений должны быть не менее 320 пикселей и не более 3840 пикселей.
- Ваши скриншоты должны иметь такое же соотношение сторон.
- Ваши скриншоты должны быть в формате JPG или PNG.
- Максимальный размер не может быть вдвое больше минимального.
После внесения необходимых изменений в файл установка прогрессивного веб-приложения будет очень похожа на установку собственного приложения.
Расширенный интерфейс установки для PWA в Chrome
Разработчики прогрессивных веб-приложений теперь могут использовать в своих приложениях расширенную подсказку для установки в Chrome на Android. Это побудит больше людей установить ваше приложение на свои телефоны.
Если вы конечный пользователь, теперь вы можете увидеть более подробную информацию о PWA, прежде чем устанавливать его на свой телефон.