10+ лучших браузеров, поддерживающих прогрессивные веб-приложения (обновление 2022 г.)

Опубликовано: 2022-06-28

Одной из наиболее важных особенностей прогрессивных веб-приложений является то, что они адаптивны, что означает, что они всегда обеспечивают наилучшее взаимодействие с размером экрана и возможностями браузера. Тем не менее, знание возможностей каждого браузера и его совместимости с функциями Progressive Web App (PWA) по-прежнему полезно. Ниже приведен список самых популярных браузеров, поддерживаемых PWA, и их совместимость. Все это сведено в таблицу ниже. Выберите браузер, который вам нравится, и проверьте его совместимость с различными функциями, учитывая тип экрана и операционную систему.

Содержание

Поддерживаемые PWA браузеры

Ведущие поставщики веб-браузеров добавили улучшения функций в более поздние версии для поддержки PWA из-за недавней популярности этих приложений. Перечисленные ниже браузеры и версии совместимы.

Настольный браузер (полная поддержка): Chrome, Firefox, Opera, Edge, Safari
Настольный браузер (частичная поддержка/устаревшая версия): QQ Browser, Baidu Browser
Мобильный браузер (полная поддержка): Chrome, Firefox, Safari, UC Browser, Samsung Internet, Mint Browser, Wechat
Мобильный браузер (частичная поддержка/устаревшая версия): QQ Browser, Android Browser, Opera Mobile

Поддержка браузера PWA	Обзор
Хром	Chrome может быть самым популярным браузером (за исключением устройств Apple), но он не является лучшим во всех отношениях или с большинством функций. Есть функции, недоступные в Chrome, но они есть в других браузерах, таких как Firefox, Opera или Safari. Это не значит, что Chrome — плохая программа, но вы должны знать, что есть варианты получше. Для мобильных устройств: в Chrome в адресной строке появляется кнопка для сайтов, поддерживающих PWA, как и в Edge. Для настольных устройств: в Chrome вы увидите параметр «Установить приложение» в главном меню Chrome для сайтов, которые полностью поддерживают возможности PWA. Значок приложения появляется на главном экране после выбора этой опции. (Обратите внимание, что для областей, в которых нет функций PWA, вы можете выбрать «Добавить на главный экран».) Параметры длительного нажатия по-прежнему включают «Удалить», но под ним находятся «Настройки сайта», которые недоступны для приложений, установленных в магазине.
Fire Fox	Firefox, проект с открытым исходным кодом, впервые применил несколько веб-возможностей, и компания, стоящая за ним, активно поддерживает конфиденциальность в Интернете. Он также известен большим количеством доступных расширений. Хотя Firefox поддерживает несколько API-интерфейсов PWA, он не может установить их как отдельное системное приложение с интерфейсом, подобным приложению. Версия Firefox для Android поддерживает PWA, а версия для настольных компьютеров — нет. С другой стороны, Mozilla попыталась обеспечить поддержку через браузер для конкретных сайтов. На устройствах Android: в Firefox для сайтов PWA доступен простой вариант установки. После выбора этой опции появится диалоговое окно «Добавить на экран». Маленькая оранжевая эмблема Firefox появляется в правом нижнем углу основного логотипа приложения на значках главного экрана для PWA, созданных Firefox. Для более реального взаимодействия с приложением, в отличие от созданных в Chrome, вы не увидите параметр «Настройки сайта».
Сафари	Для настольных устройств: установка PWA в macOS такая же, как и в Windows, за исключением того, что в Safari по умолчанию нет способа сделать сайт PWA. В Launchpad ваша новая программа видна, но не в папке Applications Finder. Для мобильных устройств: в iOS и iPadOS Apple разрешает Safari создавать PWA только; сторонние браузеры исключены. В отличие от других браузеров, поддерживающих PWA, в Safari не используются термины «установка» и «приложение». Чтобы добавить его на главный экран iOS или iPad, перейдите на сайт с поддержкой PWA, коснитесь стрелки вверх «Поделиться» в нижней части страницы и выберите «Добавить на главный экран». Вы можете сделать это с любым веб-сайтом, но вы не получите автономных возможностей, которые предоставляет настоящий PWA.
Край	Установка PWA в операционной системе Microsoft для настольных ПК наиболее доступна с помощью Edge, веб-браузера Windows по умолчанию. Это потому, что он добавляет приложение в меню «Пуск» так же, как и любое другое приложение, которое вы установили традиционным методом (либо с помощью загруженного установщика программы, либо из приложения Microsoft Store).
Опера	Opera была выпущена в 1995 году, что делает ее одним из старейших веб-браузеров. База выделенных пользователей Opera выросла благодаря ее способности интегрировать широкий спектр возможностей, которые в противном случае были бы ограничены расширениями и независимыми приложениями. Opera 32 для Android теперь доступна с поддержкой PWA — добавление на главный экран. Вы обнаружите несколько функций, специально предназначенных для преодоления разрыва между нативными приложениями и «мобильным Интернетом», а также множество исправлений ошибок, улучшений стабильности и обновленного движка Chromium для оптимальной совместимости и безопасности (или, по крайней мере, просмотр веб-страниц на мобильных устройствах).
QQ Браузер	Tencent Explorer — это название браузера QQ, когда он был первоначально выпущен в 2000 году. Тот факт, что он использует два движка, WebKit и Trident, отличает этот браузер. Раньше он поддерживал PWA, но не в новой версии.
Байду Браузер	Браузер Baidu — это бесплатный веб-браузер для Windows и Android, который может отправлять личные данные пользователя на серверы Baidu без шифрования или легко расшифровываемого шифрования. Это также самый легкий браузер по ресурсам для недорогих устройств Android и уязвим для выполнения произвольного кода во время обновлений программного обеспечения с помощью атак «человек посередине».
UC Браузер	UC Browser — это кроссплатформенный веб-браузер, разработанный в основном для мобильных устройств. Он известен своим минимальным размером приложения и технологиями сжатия данных, что сделало его популярным на развивающихся рынках, где у пользователей есть телефоны с меньшим объемом памяти и более низкой скоростью интернета. Облачное ускорение, загрузка нескольких форматов файлов, веб-приложение HTML5 и функции облачной синхронизации, а также «быстрая загрузка», функция, которая загружает файлы во многих частях одновременно, входят в число других функций браузера.
самсунг интернет	Это предустановленный браузер по умолчанию на каждом мобильном телефоне Samsung. Он основан на проекте Chromium, на котором работают Chrome и Microsoft Edge. Смартфоны Samsung предлагают альтернативу стандартным возможностям Android. Если вы посещаете сайт PWA, ваш браузер отобразит значок. Если вы часто используете Google Sheets или любое другое веб-приложение, браузер предоставит вам самые выдающиеся возможности веб-приложения.
Монетный двор Браузер	Одним из наиболее важных веб-браузеров для телефонов Android является Mint Browser. Вы получаете головокружительную скорость, конфиденциальность и безопасность в одном компактном корпусе. Если вы цените пользовательский опыт, а не передовые технологии, приложение размером 10 МБ станет вашим спасением. Mint Browser имеет несколько механизмов безопасности для обеспечения безопасного просмотра и предоставления всем пользователям услуг и товаров безопасности мирового класса. Чтобы еще больше усилить контроль пользователей над обменом своими данными с Xiaomi, текущее обновление предлагает всем пользователям возможность включать / выключать сбор агрегированных данных в режиме инкогнито.
WeChat	С ежемесячной базой пользователей более 1 миллиарда человек WeChat является самой популярной программой обмена сообщениями в Китае. Хотя он начинался как чат-сервис, он превратился в приложение, которое позволяет вам совершать платежи, вызывать такси и даже бронировать авиабилеты. Однако вряд ли вы использовали его, если не проживаете в Китае.

Браузеры, не поддерживаемые PWA

Существуют также определенные браузеры, которые не поддерживают активно пользовательские элементы, необходимые для Angular 6 или PWA.

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

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

Основные функции PWA для поддержки пользователей

Фоновая синхронизация

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

Веб-пуш-уведомление

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

Автономный режим

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

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

Добавить на главный экран

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

Главный экран/заставка

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

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

Геолокация

API геолокации можно использовать для доступа к информации о геолокации пользователя приложения, что позволяет определить его местоположение (с согласия пользователя). Это также позволяет вам следить за пользователем и получать уведомления, когда его положение меняется.

Захват видео и изображений

Сегодня «Media Capture API» предоставляет веб-приложениям прямой доступ к аудио- и видеовходам с устройств (камеры и микрофона). Веб-приложение позволяет вам читать эти каналы и управлять ими. В результате вы можете, например, сделать снимок или записать видео, не выходя из браузера.

Вывод

Почти каждая браузерная система в мире так или иначе поддерживает PWA. Хотя PWA на iOS поддерживается не полностью, браузер начинает устранять препятствия и позволяет запускать некоторые возможности PWA на устройствах Apple.

Это может указывать на то, что браузеры во всем мире рассматривают PWA как имеющие тот же потенциал, что и нативные приложения, и начинают предоставлять более невероятную поддержку для улучшения взаимодействия с пользователями.

Если вы собираетесь создать сайт PWA для своей компании и ищете официальное агентство веб-разработки PWA, то Tigren — ваш лучший выбор.

Мы создали успешные проекты PWA, которые удовлетворяют потребности многих предприятий. Наша команда стремится обеспечить наилучшие результаты для клиентов. Для получения дополнительной информации напишите нам на [email protected] .