Top 10+ des navigateurs prenant en charge les applications Web progressives (mise à jour 2022)

Publié: 2022-06-28

L'une des caractéristiques les plus vitales des Progressive Web Apps est qu'elles sont adaptatives, ce qui signifie qu'elles offrent toujours la meilleure expérience possible en ce qui concerne la taille de l'écran et les capacités du navigateur. Pourtant, connaître les capacités et la compatibilité de chaque navigateur avec les fonctionnalités des applications Web progressives (PWA) est toujours bénéfique. Voici une liste des navigateurs pris en charge par PWA les plus populaires et leur compatibilité. Tout est résumé dans le tableau ci-dessous. Choisissez un navigateur qui vous plaît et examinez sa compatibilité avec diverses fonctions, en tenant compte du type d'écran et du système d'exploitation.

Contenu

Navigateurs pris en charge par PWA

Les principaux fournisseurs de navigateurs Web ont ajouté des améliorations de fonctionnalités dans les versions ultérieures pour prendre en charge les PWA, en raison de la popularité récente de ces applications. Les navigateurs et versions listés ci-dessous sont compatibles.

Navigateur de bureau (prise en charge complète) : Chrome, Firefox, Opera, Edge, Safari
Navigateur de bureau (prise en charge partielle/version obsolète) : navigateur QQ, navigateur Baidu
Navigateur mobile (prise en charge complète) : Chrome, Firefox, Safari, navigateur UC, Samsung Internet, navigateur Mint, Wechat
Navigateur mobile (prise en charge partielle/version obsolète) : navigateur QQ, navigateur Android, Opera Mobile

Prise en charge du navigateur PWA	Aperçu
Chrome	Chrome est peut-être le navigateur le plus populaire (sauf sur les appareils Apple), mais ce n'est pas le meilleur à tous points de vue ou avec le plus de fonctionnalités. Certaines fonctionnalités ne sont pas disponibles sur Chrome, mais d'autres navigateurs comme Firefox, Opera ou Safari les ont à la place. Cela ne veut pas dire que Chrome n'est pas un bon programme, mais vous devez savoir qu'il existe de meilleures options. Pour les appareils mobiles : dans Chrome, un bouton apparaît dans la barre d'adresse pour les sites prenant en charge les PWA, un peu comme dans Edge. Pour les appareils de bureau : dans Chrome, vous verrez une option Installer l'application dans le menu principal de Chrome pour les sites qui prennent entièrement en charge la fonctionnalité PWA. L'icône de l'application apparaît sur votre écran d'accueil après avoir sélectionné cette option. (Notez que pour les zones qui n'ont pas de fonctionnalités PWA, vous pouvez choisir d'ajouter à l'écran d'accueil.) Les options d'appui long incluent toujours la désinstallation, mais en dessous se trouvent les paramètres du site, qui ne sont pas disponibles pour les applications installées en magasin.
Firefox	Firefox, un projet open-source, a été le pionnier de plusieurs fonctionnalités Web, et l'entreprise derrière lui a été un fervent partisan de la confidentialité en ligne. Il est également célèbre pour un grand nombre d'extensions disponibles. Bien que Firefox prenne en charge plusieurs API PWA, il ne peut pas les installer en tant qu'application système autonome avec une expérience similaire à celle d'une application. La version Android de Firefox prend en charge PWA, contrairement à la version de bureau. D'autre part, Mozilla a tenté de fournir une assistance via un navigateur spécifique au site. Dans les appareils Android : dans Firefox, une option d'installation simple est disponible pour les sites PWA. La boîte de dialogue Ajouter à l'écran apparaît une fois que vous appuyez sur cette option. Un petit emblème Firefox orange apparaît en bas à droite du logo de l'application principale sur les icônes de l'écran d'accueil pour les PWA créées par Firefox. Pour une expérience d'application plus réelle, contrairement à celles produites dans Chrome, vous ne verrez pas l'option Paramètres du site.
Safari	Pour les appareils de bureau : l'installation de PWA sur macOS est la même que sur Windows, sauf que Safari par défaut ne permet pas de transformer un site en PWA. Dans Launchpad, votre nouveau programme est visible mais pas dans le dossier Applications Finder. Pour les appareils mobiles : dans iOS et iPadOS, Apple autorise uniquement Safari à générer des PWA ; les navigateurs tiers sont exclus. Contrairement aux autres navigateurs qui activent les PWA, Safari n'utilise pas les termes installation et application. Pour en ajouter un à l'écran d'accueil de votre iOS ou iPad, accédez à un site compatible PWA, appuyez sur la flèche vers le haut Partager en bas de la page et sélectionnez Ajouter à l'écran d'accueil. Vous pouvez le faire avec n'importe quel site Web, mais vous n'obtiendrez pas les fonctionnalités hors ligne fournies par une véritable PWA.
Bord	L'installation de PWA sur le système d'exploitation de bureau de Microsoft est plus accessible avec Edge, le navigateur Web Windows par défaut. En effet, il ajoute l'application à votre menu Démarrer de la même manière que toute autre application que vous avez installée selon la méthode traditionnelle (soit avec un programme d'installation téléchargé, soit à partir de l'application Microsoft Store).
Opéra	Opera est sorti en 1995, ce qui en fait l'un des plus anciens navigateurs Web. La base d'utilisateurs dédiés d'Opera a augmenté en raison de sa capacité à intégrer un large éventail de fonctionnalités qui seraient autrement limitées aux extensions et aux applications indépendantes. Opera 32 pour Android est désormais disponible avec la compatibilité PWA - Ajouter à l'écran d'accueil. Vous découvrirez plusieurs fonctionnalités spécifiquement destinées à combler le fossé entre les applications natives et le "Web mobile", ainsi qu'une multitude de corrections de bogues, d'améliorations de la stabilité et d'un moteur Chromium mis à jour pour une compatibilité et une sécurité optimales (ou, du moins, le Web consulté sur des appareils mobiles).
Navigateur QQ	Tencent Explorer était le nom de QQ Browser lors de sa sortie initiale en 2000. Le fait qu'il utilise deux moteurs, WebKit et Trident, distingue ce navigateur. Il supportait PWA dans le passé, mais pas pour la nouvelle version.
Navigateur Baidu	Baidu Browser est un navigateur Web gratuit pour Windows et Android qui peut envoyer des données utilisateur personnelles aux serveurs Baidu sans cryptage ou cryptage facilement décryptable. C'est également le navigateur le plus léger sur les ressources pour les appareils Android bas de gamme et il est vulnérable à l'exécution de code arbitraire lors des mises à jour logicielles via des attaques de type "man-in-the-middle".
Navigateur UC	UC Browser est un navigateur Web multiplateforme conçu principalement pour les appareils mobiles. Il est connu pour sa taille d'application minimale et ses technologies de compression de données, ce qui l'a rendu populaire sur les marchés émergents où les utilisateurs ont des téléphones avec moins de mémoire d'appareil et une vitesse Internet plus lente. L'accélération du cloud, le téléchargement de plusieurs formats de fichiers, les fonctionnalités d'application Web HTML5 et de synchronisation du cloud, ainsi que le "téléchargement rapide", une fonctionnalité qui télécharge des fichiers en plusieurs parties à la fois, font partie des autres fonctionnalités du navigateur.
Internet Samsung	Il s'agit du navigateur par défaut et préinstallé sur chaque mobile Samsung. Il est basé sur le projet Chromium, qui exécute Chrome et Microsoft Edge. Les smartphones Samsung offrent une alternative à l'expérience Android standard. Si vous visitez un site PWA, votre navigateur affichera un badge. Si vous utilisez fréquemment Google Sheets ou toute autre application Web, le navigateur vous offrira l'expérience d'application Web la plus exceptionnelle.
Navigateur Mint	Mint Browser est l'un des navigateurs Web les plus importants pour les téléphones Android. Vous bénéficiez d'une vitesse, d'une confidentialité et d'une sécurité vertigineuses dans un seul boîtier compact. Lorsque vous appréciez l'expérience utilisateur par rapport à la technologie haut de gamme, l'application de 10 Mo est une bouée de sauvetage. Mint Browser dispose de plusieurs mécanismes de sécurité pour assurer une navigation sécurisée et fournir à tous les utilisateurs des services et des biens de sécurité de classe mondiale. Pour renforcer encore le contrôle des utilisateurs sur le partage de leurs données avec Xiaomi, la mise à jour actuelle offre à tous les utilisateurs la possibilité d'activer/désactiver la collecte de données agrégées en mode incognito.
WeChat	Avec une base d'utilisateurs mensuelle de plus d'un milliard de personnes, WeChat est le programme de messagerie le plus populaire de Chine. Alors qu'il a commencé comme un service de chat, il est devenu une application qui vous permet d'effectuer des paiements, de héler un taxi et même de réserver des vols. Cependant, il est peu probable que vous l'ayez utilisé si vous ne résidez pas en Chine.

Navigateurs non pris en charge par PWA

Il existe également des navigateurs spécifiques qui ne prennent pas activement en charge les éléments personnalisés requis pour Angular 6 ou les PWA.

Microsoft Edge oblige actuellement les PWA à être disponibles dans leur app store pour être pris en charge sur ce navigateur.

Sur ordinateur, Safari et Firefox ne prennent pas en charge l'installation de PWA. Ils prennent en charge les fonctionnalités hors ligne, mais l'expérience commencera toujours dans l'interface utilisateur du navigateur. Il peut obtenir le plein écran, mais jamais une fenêtre autonome sur un bureau.

Fonctionnalités PWA de base pour soutenir l'expérience des utilisateurs

Synchronisation en arrière-plan

Cette fonction actualise régulièrement les données du site Web. Les utilisateurs auront toujours accès aux informations les plus récentes.

Notification push Web

La capacité des travailleurs de service à fonctionner en arrière-plan permet cette capacité. Les utilisateurs peuvent accéder au site Web en appuyant sur le rappel sur leur écran d'accueil.

Mode hors-ligne

Une fois installée dans le navigateur, l'accessibilité hors ligne gère la mise en cache des fichiers d'application, intercepte les requêtes réseau, puis prend les mesures appropriées en fonction de la disponibilité ou non du réseau.

Cette fonctionnalité permet d'accéder à l'application sans connexion et offre une meilleure expérience utilisateur. Même lorsqu'une connexion Internet est disponible, des fichiers spécifiques n'auront pas besoin d'être chargés à partir du serveur Web car ils seront déjà enregistrés localement.

Ajouter à l'écran d'accueil

Cette fonctionnalité PWA permet d'installer le site Web sur des appareils mobiles. Il génère un raccourci à l'écran afin que les utilisateurs puissent accéder rapidement au site en touchant simplement l'icône du badge au lieu de retaper le lien. Cette fonctionnalité est accessible dans tous les navigateurs.

Écran d'accueil/écran de démarrage

Une autre caractéristique unique des PWA est que, bien qu'elles fonctionnent dans un navigateur, elles peuvent être placées directement sur l'écran d'accueil de l'utilisateur et offrir une expérience immersive en plein écran.

À l'exception d'iOS, tous les navigateurs activent cette fonctionnalité, ce qui permet de réduire l'anxiété en attendant le chargement d'un site Web.

Géolocalisation

L'API de géolocalisation peut être utilisée pour accéder à des informations sur la géolocalisation de l'utilisateur de l'application, permettant de trouver sa position (avec le consentement de l'utilisateur). Il vous permet également de garder un œil sur l'utilisateur et de recevoir des notifications lorsque sa position change.

Capture de vidéos et d'images

Aujourd'hui, le « Media Capture API » donne aux applications Web un accès direct aux entrées audio et vidéo des appareils (la caméra et le microphone). La Web App vous permet de lire et de gérer ces flux. Ainsi, vous pouvez, par exemple, prendre une photo ou enregistrer une vidéo sans quitter le navigateur.

Conclusion

Presque tous les systèmes de navigation dans le monde prennent en charge PWA d'une manière ou d'une autre. Bien que PWA sur iOS ne soit pas entièrement pris en charge, le navigateur commence à éliminer les obstacles et à permettre à certaines fonctionnalités PWA de s'exécuter sur les appareils Apple.

Cela pourrait laisser entendre que les navigateurs du monde entier considèrent les PWA comme ayant le même potentiel que les applications natives et commencent à fournir un support plus incroyable pour améliorer l'expérience des utilisateurs.

Si vous êtes sur le point de créer un site PWA pour votre entreprise et que vous recherchez une agence de développement Web PWA légitime, alors Tigren est votre meilleur choix.

Nous avons construit des projets PWA réussis qui répondent aux besoins de nombreuses entreprises. Notre équipe s'efforce de fournir les meilleurs résultats pour les clients. Pour plus d'informations, envoyez-nous un message à [email protected] .