Как установить прогрессивные веб-приложения (PWA) в Google Chrome

Начиная с этой недели, вы сможете установить PWA (прогрессивное веб-приложение) на свой рабочий стол через Chrome 70 одним нажатием кнопки. Что такое PWA? И почему это хорошо?

Как установить прогрессивные веб-приложения (PWA) в Google Chrome - инструкции

Прогрессивные веб-приложения

Прогрессивное веб-приложение (PWA) - это веб-приложение, которое предлагает своим пользователям возможности, аналогичные тем, которые они используют на своих телефонах. Некоторые основы PWA:

Эти приложения будут работать с каждым пользователем Интернета, независимо от того, какой браузер он выберет в качестве основного пользователя.

Они отзывчивы, что означает, что независимо от того, какое устройство вы используете, ваш PWA будет правильно размещаться на вашем экране.

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

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

Как установить прогрессивные веб-приложения (PWA) в Google Chrome - инструкции

Почему вам следует использовать PWA?

Быстрые прогрессивные веб-приложения! Даже без сети он загружается мгновенно, потому что сначала загружается из кеша и запрашивает второе соединение. При использовании браузера устройство сначала запрашивает подключение, прежде чем что-либо загружать. На этот раз запаздывание приводит к пустому экрану, который примерно половина из нас откажется примерно за три секунды!

Эти приложения излучают и ведут себя так же, как приложения, которые мы устанавливаем на наши устройства, не занимая при этом большого объема памяти. Фактически, Starbucks PWA составляет 0.4% от объема своего отечественного аналога приложений. Вы находите его на главном экране и делаете те же действия, что и локальное приложение, например уведомления.

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

Наконец, взаимодействие с PWA намного естественнее, чем с браузером. Вам не нужно снова и снова вводить веб-адреса. Просто коснитесь или щелкните значок на главном экране, и все готово.

Как установить прогрессивные веб-приложения (PWA) в Google Chrome - инструкции

Как установить PWA

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

Выберите сайт с опцией прогрессивного веб-приложения. Их все еще ограничено, но некоторые из пользователей достигли успеха в Twitter, Pinterest, Trivago, Uber и Starbucks. К некоторым приложениям можно получить доступ через полную веб-страницу, а к некоторым, например к Twitter, необходимо получить доступ через их мобильные сайты.

Когда вы находитесь на веб-сайте, предлагающем PWA, щелкните значок меню в правом верхнем углу.

Как установить прогрессивные веб-приложения (PWA) в Google Chrome - инструкции

Выберите «Установить [название приложения]», чтобы установить его.

Например, если вы заходите на веб-сайт Twitter Mobile, нажмите «Меню> Установить Twitter».

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

Нажмите «Установить», когда появится диалоговое окно с разрешением на установку.

Откройте его, выбрав его на рабочем столе, или в Windows 10 в списке приложений. Приложение откроется с собственным окном, значком на панели задач и пунктом меню «Пуск».

Как установить прогрессивные веб-приложения (PWA) в Google Chrome - инструкции

Если вы решите удалить Progressive Web App, просто нажмите на три вертикальные точки вверху и нажмите «Удалить [название приложения]».

Как установить прогрессивные веб-приложения (PWA) в Google Chrome - инструкции

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

Источник
Перейти к верхней кнопке