Os 10 principais navegadores que suportam aplicativos da Web progressivos (atualizado em 2022)

Publicados: 2022-06-28

Um dos recursos mais importantes dos Progressive Web Apps é que eles são adaptáveis, o que significa que eles sempre oferecem a melhor experiência possível em relação ao tamanho da tela e recursos do navegador. No entanto, conhecer os recursos e a compatibilidade de cada navegador com os recursos do Progressive Web App (PWA) ainda é benéfico. A seguir está uma lista dos navegadores suportados por PWA mais populares e sua compatibilidade. Está tudo resumido na tabela abaixo. Escolha um navegador que lhe agrade e examine sua compatibilidade com várias funções, considerando o tipo de tela e o sistema operacional.

Conteúdo

Navegadores compatíveis com PWA

Os principais provedores de navegadores da Web adicionaram melhorias de recursos em versões posteriores para oferecer suporte a PWAs, devido à recente popularidade desses aplicativos. Os navegadores e versões listados abaixo são compatíveis.

Navegador de desktop (suporte completo): Chrome, Firefox, Opera, Edge, Safari
Navegador de desktop (suporte parcial/versão desatualizada): navegador QQ, navegador Baidu
Navegador móvel (Suporte completo): Chrome, Firefox, Safari, UC Browser, Samsung Internet, Mint Browser, Wechat
Navegador móvel (suporte parcial/versão desatualizada): navegador QQ, navegador Android, Opera Mobile

Suporte ao navegador PWA	Visão geral
cromada	O Chrome pode ser o navegador mais popular (exceto em dispositivos Apple), mas não é o melhor em todos os sentidos ou com mais recursos. Existem recursos que não estão disponíveis no Chrome, mas outros navegadores como Firefox, Opera ou Safari os possuem. Isso não quer dizer que o Chrome não seja um bom programa, mas você deve saber que existem opções melhores. Para dispositivos móveis: no Chrome, um botão aparece na barra de endereços para sites que oferecem suporte a PWAs, assim como no Edge. Para dispositivos desktop: no Chrome, você verá uma opção Instalar aplicativo no menu principal do Chrome para sites que oferecem suporte total ao recurso PWA. O ícone do aplicativo aparece na tela inicial depois que você seleciona essa opção. (Observe que, para áreas que não têm recursos de PWA, você pode optar por Adicionar à tela inicial.) As opções de pressionamento longo ainda incluem Desinstalar, mas abaixo estão as Configurações do site, que não estão disponíveis para aplicativos instalados em loja.
Raposa de fogo	O Firefox, um projeto de código aberto, foi pioneiro em vários recursos da Web, e a empresa por trás dele tem sido uma defensora vocal da privacidade online. Também é famoso por um grande número de extensões disponíveis. Embora o Firefox suporte várias APIs de PWA, ele não pode instalá-los como um aplicativo de sistema autônomo com uma experiência semelhante a um aplicativo. A versão Android do Firefox suporta PWA, enquanto a versão desktop não. Por outro lado, a Mozilla tentou fornecer suporte por meio de um navegador específico do site. Em dispositivos Android: no Firefox, uma opção de instalação simples está disponível para sites PWA. A caixa de diálogo Adicionar à tela aparece quando você toca nessa opção. Um pequeno emblema laranja do Firefox aparece no canto inferior direito do logotipo do aplicativo principal nos ícones da tela inicial para PWAs criados pelo Firefox. Para uma experiência de aplicativo mais real, diferente das produzidas no Chrome, você não verá a opção Configurações do site.
Safári	Para dispositivos de desktop: a instalação de PWAs no macOS é a mesma do Windows, exceto que o Safari padrão não tem como tornar um site um PWA. No Launchpad, seu novo programa fica visível, mas não na pasta Applications Finder. Para dispositivos móveis: no iOS e iPadOS, a Apple permite apenas que o Safari gere PWAs; navegadores de terceiros são excluídos. Ao contrário de outros navegadores que habilitam PWAs, o Safari não utiliza os termos instalação e aplicativo. Para adicionar um à tela inicial do seu iOS ou iPad, acesse um site compatível com PWA, toque na seta para cima Compartilhar na parte inferior da página e selecione Adicionar à tela inicial. Você pode fazer isso com qualquer site, mas não terá os recursos offline que um PWA genuíno oferece.
Borda	A instalação de PWAs no sistema operacional de desktop da Microsoft é mais acessível com o Edge, o navegador padrão do Windows. Isso porque ele adiciona o aplicativo ao menu Iniciar da mesma maneira que qualquer outro aplicativo que você instalou pelo método tradicional (com um instalador de programa baixado ou no aplicativo da Microsoft Store).
Ópera	Opera foi lançado em 1995, tornando-se um dos navegadores mais antigos. A base de usuários dedicados do Opera cresceu devido à sua capacidade de integrar uma ampla gama de recursos que de outra forma seriam limitados a extensões e aplicativos independentes. O Opera 32 para Android já está disponível com compatibilidade com PWA – Adicionar à tela inicial. Você descobrirá vários recursos especificamente destinados a preencher a lacuna entre aplicativos nativos e a "web móvel", juntamente com uma série de correções de bugs, aprimoramentos de estabilidade e um mecanismo Chromium atualizado para compatibilidade e segurança ideais (ou, pelo menos, o web visualizado em dispositivos móveis).
Navegador QQ	Tencent Explorer era o nome do QQ Browser quando foi lançado inicialmente em 2000. O fato de usar dois motores, WebKit e Trident, distingue este navegador. Ele costumava oferecer suporte ao PWA no passado, mas não para a nova versão.
Navegador Baidu	O Baidu Browser é um navegador gratuito para Windows e Android que pode enviar dados pessoais do usuário para servidores Baidu sem criptografia ou criptografia facilmente descriptografável. Também é o navegador mais leve em recursos para dispositivos Android de baixo custo e é vulnerável à execução arbitrária de código durante atualizações de software por meio de ataques man-in-the-middle.
Navegador UC	O UC Browser é um navegador web multiplataforma projetado principalmente para dispositivos móveis. É conhecido por seu tamanho mínimo de aplicativo e tecnologias de compactação de dados, o que o tornou popular em mercados emergentes, onde os usuários têm telefones com menos memória do dispositivo e velocidade de internet mais lenta. Aceleração na nuvem, download de vários formatos de arquivo, recursos de sincronização de nuvem e aplicativo da Web HTML5 e “download rápido”, um recurso que baixa arquivos em várias partes de uma só vez, estão entre os outros recursos do navegador.
Internet Samsung	Este é o navegador padrão e pré-instalado em todos os celulares Samsung. É baseado no projeto Chromium, que executa o Chrome e o Microsoft Edge. Os smartphones Samsung oferecem uma alternativa à experiência padrão do Android. Se você visitar um site PWA, seu navegador exibirá um selo. Se você usa o Planilhas Google ou qualquer outro aplicativo da Web com frequência, o navegador fornecerá a você a experiência mais excelente do aplicativo da Web.
Navegador Mint	Um dos navegadores mais importantes para telefones Android é o Mint Browser. Você obtém velocidade vertiginosa, privacidade e segurança em uma única caixa compacta. Quando você valoriza a experiência do usuário em detrimento da tecnologia de ponta, o aplicativo de 10 MB é um salva-vidas. O Mint Browser possui vários mecanismos de segurança para garantir uma navegação segura e fornecer a todos os usuários serviços e produtos de segurança de classe mundial. Para reforçar ainda mais o controle que os usuários têm sobre o compartilhamento de seus dados com a Xiaomi, a atualização atual oferece uma opção para todos os usuários ativarem/desativarem a coleta de dados agregados no modo de navegação anônima.
WeChat	Com uma base de usuários mensal de mais de 1 bilhão de pessoas, o WeChat é o programa de mensagens mais popular da China. Embora tenha começado como um serviço de bate-papo, evoluiu para um aplicativo que permite fazer pagamentos, chamar um táxi e até reservar voos. No entanto, é improvável que você o tenha usado se não residir na China.

Navegadores sem suporte para PWA

Também existem navegadores específicos que não suportam ativamente os elementos personalizados necessários para Angular 6 ou PWAs.

Atualmente, o Microsoft Edge está forçando os PWAs a estarem disponíveis em sua loja de aplicativos para serem compatíveis com este navegador.

Na área de trabalho, o Safari e o Firefox não suportam a instalação do PWA. Eles suportam recursos offline, mas a experiência sempre começará na interface do usuário do navegador. Pode ficar em tela cheia, mas nunca uma janela autônoma em uma área de trabalho.

Recursos principais do PWA para oferecer suporte à experiência dos usuários

Sincronização em segundo plano

Esta função atualiza os dados do site regularmente. Os usuários sempre terão acesso às informações mais atualizadas.

Notificação Web Push

A capacidade dos service workers de executar em segundo plano permite esse recurso. Os usuários podem acessar o site tocando no lembrete na tela inicial.

Modo offline

Uma vez instalada no navegador, a acessibilidade offline lida com o armazenamento em cache de arquivos de aplicativos, intercepta solicitações de rede e, em seguida, toma as medidas apropriadas com base na disponibilidade ou não da rede.

Esse recurso permite que o aplicativo seja acessado sem conexão e proporciona uma melhor experiência ao usuário. Mesmo quando uma conexão com a internet estiver disponível, arquivos específicos não precisarão ser carregados do servidor web porque eles já estarão salvos localmente.

Adicionar à tela inicial

Esse recurso de PWA possibilita a instalação do site em dispositivos móveis. Ele gera um atalho na tela para que os usuários acessem o site rapidamente, simplesmente tocando no ícone do ícone em vez de digitar o link novamente. Este recurso está acessível em todos os navegadores.

Tela inicial/tela inicial

Outra parte exclusiva dos PWAs é que, apesar de serem executados em um navegador, eles podem ser colocados diretamente na tela inicial do usuário e fornecer uma experiência imersiva em tela cheia.

Com exceção do iOS, todos os navegadores habilitam esse recurso, o que ajuda a reduzir a ansiedade enquanto espera o carregamento de um site.

Geolocalização

A API de geolocalização pode ser usada para acessar informações sobre a geolocalização do usuário do aplicativo, permitindo que sua localização seja encontrada (com o consentimento do usuário). Ele também permite que você fique de olho no usuário e receba notificações quando sua posição mudar.

Captura de vídeo e imagem

Hoje, a “API de captura de mídia” oferece aos aplicativos da Web acesso direto às entradas de áudio e vídeo dos dispositivos (a câmera e o microfone). O Web App permite que você leia e gerencie esses feeds. Como resultado, você pode, por exemplo, capturar uma imagem ou gravar um vídeo sem sair do navegador.

Conclusão

Quase todos os sistemas de navegadores do mundo suportam PWA de alguma forma. Embora o PWA no iOS não seja totalmente suportado, o navegador está começando a quebrar os obstáculos e permitir que alguns recursos do PWA sejam executados em dispositivos Apple.

Isso pode sugerir que os navegadores em todo o mundo estão considerando os PWAs como tendo o mesmo potencial que os aplicativos nativos e estão começando a fornecer suporte mais incrível para melhorar as experiências dos usuários.

Se você está prestes a configurar um site PWA para sua empresa e está procurando uma agência de desenvolvimento web PWA legítima, o Tigren é sua melhor escolha.

Construímos projetos PWA de sucesso que atendem às necessidades de muitas empresas. Nossa equipe se esforça para entregar os melhores resultados para os clientes. Para mais informações, envie-nos uma mensagem em [email protected] .