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

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

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

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

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

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

pwa_chrome_no_network

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

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

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

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

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

pwa_chrome_address_bar

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

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

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

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

pwa_chrome_install_app

Выберите «Установить [App Name]”, чтобы установить его.

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

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

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

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

pwa_chrome_app_window

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

pwa_chrome_uninstall

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

Кредит изображения: Адрес веб-сайта/URL-панель

Join our Newsletter and receive offers and updates! ✅

0 0 голоса
Article Rating
Аватар Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

Читайте также:

Подписаться
Уведомить о
guest
0 Comments
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x