Skip to content
Aprender Medir Blog Case studies Sobre
Nesta página
  • Como a auditoria de manifesto do aplicativo da web Lighthouse falha
  • Como tornar seu PWA instalável
  • Como verificar se o seu PWA pode ser instalado
    • No Chrome
    • Em outros navegadores
  • Recursos

O manifesto do aplicativo da web não atende aos requisitos de instalabilidade

May 4, 2019 — Atualizado Sep 19, 2019
Available in: Español, 日本語, 한국어, Русский, 中文, English
Appears in: Auditorias de PWA
Nesta página
  • Como a auditoria de manifesto do aplicativo da web Lighthouse falha
  • Como tornar seu PWA instalável
  • Como verificar se o seu PWA pode ser instalado
    • No Chrome
    • Em outros navegadores
  • Recursos

A instalabilidade é um requisito básico dos Progressive Web Apps (PWAs). Ao solicitar aos usuários que instalem seu PWA, você permite que eles o adicionem às telas iniciais. Os usuários que adicionam aplicativos às telas iniciais se envolvem com esses aplicativos com mais frequência.

Um manifesto de aplicativo da web inclui informações importantes necessárias para tornar seu aplicativo instalável.

Como a auditoria de manifesto do aplicativo da web Lighthouse falha #

O Lighthouse sinaliza páginas que não têm um manifesto de aplicativo da web que atenda aos requisitos mínimos de instalação:

Auditoria do farol mostrando que o usuário não pode instalar o aplicativo da web a partir da tela inicial

Se o manifesto de uma página não incluir as seguintes propriedades, ele falhará na auditoria:

  • Um short_name ou propriedade de name
  • Uma icons que inclui um ícone de 192x192 px e um ícone de 512x512 px
  • Uma propriedade start_url
  • Uma propriedade display ajustada para fullscreen, standalone ou minimal-ui
  • Uma propriedade prefer_related_applications definida com um valor diferente de true.

Cuidado

Um manifesto de aplicativo da web é necessário para que seu aplicativo seja instalável, mas não é suficiente. Para saber como atender a todos os requisitos de instalabilidade, consulte a postagem Descubra o que é preciso para ser instalável.
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).

Como tornar seu PWA instalável #

Certifique-se de que seu aplicativo tenha um manifesto que atenda aos critérios acima. Consulte a coleção instalável para obter mais informações sobre como criar um PWA.

Como verificar se o seu PWA pode ser instalado #

No Chrome #

Quando seu aplicativo atende aos requisitos mínimos de instalação, o Chrome dispara um beforeinstallprompt que você pode usar para solicitar que o usuário instale seu PWA.

Experimente

Saiba como tornar seu aplicativo instalável no Chrome com o codelab Torná-lo instalável.

Em outros navegadores #

Outros navegadores têm critérios diferentes para instalação e para acionar o evento beforeinstallprompt. Verifique seus respectivos sites para obter todos os detalhes:

  • Edge
  • Firefox
  • Opera
  • Samsung Internet
  • Navegador UC

Recursos #

  • O código-fonte para auditoria Manifesto do aplicativo da web não atende aos requisitos de instabilidade
  • Adicionar um manifesto de aplicativo da web
  • Descubra o que é necessário para ser instalável
  • Manifesto de aplicativo da web
  • Não usa HTTPS
Last updated: Sep 19, 2019 — Improve article
Codelabs

See it in action

Learn more and put this guide into action.

  • Make it installable
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Web Fundamentals
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.