Прогрессивные веб-приложения (PWA) появятся в сети в 2018 году. Ожидается, что в середине года Google получит большой толчок, а Microsoft с собственной поддержкой Windows 10 Redstone 4 в ближайшие недели.
Если у вас есть телефон Android и вы используете браузер Microsoft Edge , вы можете начать использовать многие сайты уже.
Вот два способа заставить сайт PWA вести себя как обычное приложение на вашем телефоне Android.
Посмотреть в Google Play Store
Для тех, кто хочет глубже погрузиться в то, что такое PWA и почему они будут иметь значение для всех платформ ОС начиная с этого года, ознакомьтесь с моей подробной статьей и видео-пояснением:
Прогрессивные веб-приложения (PWA): что они собой представляют и что они значат для Microsoft
Какие сайты поддерживают PWA ?
В настоящее время нет основного списка сайтов, поддерживающих PWA. К счастью, есть несколько крупных, в том числе:
- Старбакс (США) ( starbucks.com ).
- Трут ( tinder.com ).
- Карты Google ( maps.google.com ).
- Uber ( m.uber.com ).
- Лифт ( ride.lyft.com ).
- Twitter Lite ( lite.twitter.com ).
- Instagram ( Instagram.com ).
- Pinterest ( pinterest.com ).
- 2048 (игра) ( github.com ).
- Outlook.com ( outlook.com ).
Другие крупные сайты включают Alibaba, Medium, Flipboard, Snapdeal, Trivagao, The Weather Channel, The Financial Times, Pokedex.org, GitHub Explorer, Flipkart, Offline Wikipedia и Forbes. И есть еще тысячи.
Как вы знаете, сайт с поддержкой PWA сложно. Веб-сайты редко объявляют о такой функции, но обычно вы можете сказать, когда вы входите на сайт. Это обычно вызывает всплывающее уведомление с просьбой прикрепить к вашему дому. Сайт может также попросить отправить вам уведомления — это функции PWA.
Вы можете увидеть это в действии ниже при переходе на mobile.twitter.com и о том, что происходит после того, как я войду в систему:
Вы часто не получаете уведомления PWA, пока не войдете в систему.
Хотя это может показаться недоделкой (или даже спамом), именно так сайт с поддержкой PWA позволяет узнать, что он может выступать в качестве приложения. (Microsoft обходит это, помещая приложения с поддержкой PWA в Магазин Microsoft как «настоящие» приложения, избегая путаницы или проблем с обнаружением).
Итак, проблема решена. Вы закрепили приложение Twitter Lite на главном экране, и теперь у вас есть PWA.
Но что, если вы сказали «нет» на приглашение? Твиттер не будет спрашивать вас каждый раз, когда вы заходите на mobile.twitter.com, чтобы прикрепить его к своему домашнему экрану, так как вы его вернете?
Исправление проблем : войдите (снова)
Одна хитрость, которая обычно сбрасывает приглашение PWA на веб-сайтах, это просто выйти из системы и снова войти в систему с этого веб-сайта.
Если это не сработает, попробуйте выйти из системы, а затем очистить кэш браузера (нажмите на многоточие> Настройки> Конфиденциальность> Очистить данные браузера), а затем войдите снова. Это должно заставить PWA-приглашение появиться снова.
Используйте «Добавить на главный экран»
Один из простых трюков, чем описанный выше, заключается в использовании функции Edge «Добавить на главный экран».
Хотя пользователь может добавить любой веб-сайт в качестве булавки на свой главный экран — даже если он не поддерживает PWA, — если на сайте есть PWA, это создаст необходимый ярлык. Вот как это сделать:
- Эллипсис меню (нижний правый угол)
- Выберите Добавить на главный экран
- Выберите « Добавить» и « ОК» после запроса
Если вы сейчас запустите Twitter с помощью этого ярлыка, то внезапно он будет выглядеть как полноценное приложение без браузера Chrome Edge (границы, элементы управления).
Вот так выглядит и работает PWA!
Дополнительная информация о PWA
- PWA: что это значит для Google и почему Microsoft тоже это нравится
- PWA могут быть отличным эквалайзером для Microsoft, Google и Apple