Como usar aplicativos da Web no iPhone e iPad

O software móvel da Apple oferece suporte aos chamados “aplicativos da web” há anos. Mas o que é um aplicativo da web e como eles diferem dos aplicativos típicos usados ​​no iPhone e no iPad? Aqui está seu breve explicador.

O que é um aplicativo da web?

QuandoApple fala sobre “aplicativos da web”refere-se a “aplicativos da Web progressivos” ou PWAs, abreviadamente. A Apple prefere chamá-los de aplicativos da web porque foi o Google quem primeiro promoveu o termo “Aplicativos da Web Progressivos” ou porque não há especificação oficial do PWA. Independentemente disso, de modo geral, PWA é uma abreviação de um aplicativo flexível e adaptável criado usando apenas tecnologias da web.

Do ponto de vista do usuário, pense em um PWA como um site que pode ser instalado em sua tela inicial sem a necessidade de baixá-lo na App Store. Alguns exemplos deaplicativos da web popularesincluem Google Maps, Starbucks, Tinder, Uber e Instagram.

Ironicamente, o iOS foi na verdade a primeira plataforma a suportar o conceito de PWAs. Quando a Apple lançou originalmente o iPhone, os primeiros aplicativos eram baseados em HTML5, o que permitia aos usuários adicioná-los manualmente à tela inicial para uma experiência semelhante a um aplicativo em tela inteira. Naquela época, a App Store nem existia.

Aplicativo web Instagram

Embora a Apple inicialmente tenha deixado o suporte para aplicativos da web definhar após o surgimento de sua App Store, o Google Chrome continuou a ajudar a melhorar as tecnologias da web associadas e, em 2018, todos os principais navegadores da web, incluindo o Safari, haviam se comprometido a oferecer suporte a aplicativos da web. Desde então, a Apple continuou a ajudar a evoluir a experiência dos aplicativos da web, mas não tem falado muito sobre isso. É por isso que muitos ficaram surpresos quando a Apple anunciou sua intenção de oferecer suporte a notificações push para aplicativos da web na WWDC 2022.

Prós e contras de aplicativos da Web

Ao contrário dos “aplicativos da web” que funcionam como simples marcadores da tela inicial (veja abaixo), os PWAs podem ser baixados antecipadamente e funcionar offline, bem como usar APIs da web regulares. Isso permite que eles forneçam uma experiência semelhante à de um aplicativo e tenham acesso a recursos como geolocalização, câmera e Apple Pay.

Do ponto de vista do desenvolvedor, seguir o caminho do PWA significa evitar o incômodo potencial de fazer seu aplicativo passar pelo processo de revisão da App Store da Apple. Isso pode tornar os aplicativos da web mais detectáveis ​​do que os aplicativos nativos que passam pela App Store. Também é mais fácil e rápido visitar um site do que instalar um aplicativo, e os usuários também podem compartilhar aplicativos da web simplesmente enviando um link.

O aplicativo web da Starbucks tem 233 KB, 99,84% menor que o tamanho de 148 MB do aplicativo móvel iOS

Por outro lado, os aplicativos nativos desfrutam de melhor integração com iOS e fornecem uma experiência de usuário mais integrada (embora isso esteja mudando lentamente à medida que a tecnologia web por trás dos PWAs evolui). Por exemplo, os aplicativos da web só podem armazenar dados e arquivos offline totalizando no máximo 50 MB. Eles não têm acesso a alguns recursos de hardware, como Bluetooth e Touch ID/Face ID, e não podem executar código em segundo plano. Eles também não têm acesso a pagamentos no aplicativo e outros serviços baseados na Apple.

Como adicionar um aplicativo da web à tela inicial

  1. Abra o Safari no seu iPhone ou iPad.
  2. Navegue até o site que oferece um aplicativo WPA/web (muitos estão listados aqui).
  3. Toque noAçãobotão (geralmente chamado de botão Compartilhar).
  4. Role para baixo na planilha de compartilhamento, passando pelas linhas de contatos e aplicativos e selecioneAdicionar à tela inicial.
  5. Dê um nome ao aplicativo da web e toque emAdicionar.

Seu novo aplicativo da web aparecerá no próximo espaço disponível na tela inicial do seu dispositivo. Se você tocar nele e voltar ao site padrão, force o encerramento do Safari e inicie o aplicativo da web novamente.

Como configurar notificações push da web

No iOS 16.4 e no iPadOS 16.4, ambos ainda em beta, a Apple adicionou um novo recurso que permite que aplicativos da web adicionados à tela inicial enviem notificações push da web para usuários de iPhone e iPad.

Graças ao novo recurso, os aplicativos da web adicionados à tela inicial de um usuário podem solicitar permissão para receber notificações push por meio de um botão “inscrever-se” ou outra opção semelhante nas configurações do aplicativo da web. Essas notificações funcionam exatamente como as notificações de outros aplicativos, aparecendo na tela de bloqueio, na Central de Notificações e em um Apple Watch emparelhado.

Veja também:Como acessar o iCloud no iPhone, iPad, Mac, Windows e na Web

  1. Abra o aplicativo da web que você adicionou à tela inicial.
  2. Encontre e ative a configuração que ativa as notificações push.
  3. Quando o prompt de permissões aparecer, toque emPermitirpara permitir que o aplicativo da web envie notificações, como se fosse um aplicativo típico.

Depois de fazer isso, você poderá controlar alertas e emblemas de ícones do aplicativo da web a partir doNotificaçõesseção doConfiguraçõesaplicativo.

Adicionando marcadores de sites à tela inicial

Para sites que não possuem um aplicativo móvel dedicado ou um aplicativo da web para acessar seu conteúdo, você ainda pode adicionar o que é essencialmente um marcador de um site à sua tela inicial usando o mesmoAdicionar à tela inicialopção no menu Compartilhar do Safari.

Criar um marcador na tela inicial permite usá-lo como um portal de um toque para acessar conteúdo on-line específico, em vez de ter que abrir um navegador e selecionar um marcador ou digitar o endereço URL de um site.


Quando você toca em um favorito de um site na tela inicial, ele abre no Safari na página específica que você selecionou. Mesmo que não seja um aplicativo da web, se o site ao qual você está vinculando tiver um layout dinâmico compatível com dispositivos móveis (MacRumors, por exemplo), acessá-lo na tela inicial pode parecer uma experiência semelhante a um aplicativo.