Google представляет новый пользовательский интерфейс для установки PWA в Chrome для Android

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.



Этот интерфейс очень похож на то, что вы видите в официальном магазине Google Play. Там есть название приложения, небольшое описание, несколько снимков экрана и даже кнопка «Установить».

Как выглядит новый пользовательский интерфейс PWA

Поскольку этот новый пользовательский интерфейс только что был выпущен, не так много приложений, использующих этот новый пользовательский интерфейс. Twitter первым использует этот интерфейс установки для своего прогрессивного веб-приложения.



код остановки Windows system_service_exception

В этом новом пользовательском интерфейсе установки теперь у вас есть небольшое описание приложения, несколько снимков экрана приложения, которое вы собираетесь установить, и Установить в правом верхнем углу приглашения.

Нажатие на эту кнопку устанавливает PWA на ваш телефон; это дает вам почти такое же ощущение, как если бы вы устанавливали приложение Play Store.



Как использовать новый интерфейс для вашего приложения

Если вы разработчик, вам нужно добавить в манифест двух участников, чтобы использовать этот новый пользовательский интерфейс установки. Добавлять описание а также скриншоты в ваш файл манифеста, а Chrome для Android будет использовать новый пользовательский интерфейс для установки прогрессивного веб-приложения.

Связанный: приложения для iPhone и iPad для создания потрясающих пользовательских интерфейсов

При добавлении изображений в приложение помните следующее:

  • Ширина и высота изображений должны быть не менее 320 пикселей и не более 3840 пикселей.
  • Ваши скриншоты должны иметь такое же соотношение сторон.
  • Ваши скриншоты должны быть в формате JPG или PNG.
  • Максимальный размер не может быть вдвое больше минимального.

После внесения необходимых изменений в файл установка прогрессивного веб-приложения будет очень похожа на установку собственного приложения.

Расширенный интерфейс установки для PWA в Chrome

Разработчики прогрессивных веб-приложений теперь могут сделать свои приложения более удобными для установки в Chrome на Android. Это побудит больше людей установить ваше приложение на свои телефоны.

Если вы конечный пользователь, теперь вы можете увидеть более подробную информацию о PWA, прежде чем устанавливать его на свой телефон.

Делиться Делиться Твитнуть Эл. адрес Как превратить любой веб-сайт в приложение для Android за считанные секунды

С помощью этого приложения очень легко и быстро создавать Lite-версии приложений, экономя заряд аккумулятора и повышая производительность вашего телефона.

Читать далее Похожие темы Об авторе Махеш Маквана(Опубликовано 307 статей)

Махеш - технический писатель в MakeUseOf. Он пишет технические практические руководства около 8 лет и охватывает множество тем. Он любит учить людей тому, как они могут максимально эффективно использовать свои устройства.

Ещё от Mahesh Makvana

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться