ZenovayTools

Verificador de Manifesto PWA

Valida seu manifesto manifest.json de Progressive Web App para instalabilidade do Chrome: nome, ícones (192×192 + 512×512), modo de exibição, start_url, ícones mascaráveis, theme_color, capturas de tela. Classificação de instalabilidade A-F.

Como Usar Verificador de Manifesto PWA

  1. 1Digite a URL do seu site — a ferramenta encontra seu manifest.json automaticamente.
  2. 2O manifesto é buscado e validado contra os requisitos de instalabilidade do PWA do Chrome.
  3. 3Tamanhos de ícone (192×192, 512×512, mascarável) e campos obrigatórios são verificados.
  4. 4Uma classificação A-F reflete o quão pronto seu site está para instalação de PWA.
ZenovayAnalytics

Analytics feito para fundadores.

  • Acompanhamento de visitantes em tempo real
  • Privacidade em primeiro lugar, sem banner de cookies
  • Configurado em dois minutos
Conheça o Zenovay

Ferramentas Relacionadas

Formatador e Validador de JSON
Formate, valide e embeleze dados JSON com destaque de sintaxe e detecção de erros.
Decodificador JWT
Decodifique e inspecione tokens JWT. Visualize cabeçalho, payload e verifique assinaturas.
Codificar/Decodificar Base64
Codifique texto para Base64 ou decodifique Base64 de volta para texto. Suporta dados UTF-8 e binários.
Encode/Decode de URL
Codifique ou decodifique componentes de URL. Trate caracteres especiais, strings de consulta e URLs completas.

Perguntas Frequentes

O que torna uma PWA instalável no Chrome?▾
O Chrome requer todos esses para o prompt de instalação: (1) Um manifesto de aplicativo web vinculado ao HTML com <link rel="manifest">. (2) Um campo name no manifesto. (3) Um campo start_url. (4) Um valor de display "standalone", "fullscreen" ou "minimal-ui". (5) Ícones com pelo menos tamanhos 192×192 e 512×512. (6) O site servido por HTTPS. A falta de qualquer um desses impedirá o Chrome de mostrar o botão de instalação na barra de endereço.
O que é um ícone maskable e por que preciso de um?▾
Ícones maskable (purpose: "maskable") são projetados para serem seguros para cortar em qualquer forma — círculo, squircle, quadrado arredondado, etc. — dependendo do launcher do dispositivo. Sem um ícone maskable, Android pode adicionar um fundo de círculo branco atrás do seu ícone, o que parece inconsistente. A "zona segura" para ícones maskable é os 80% centrais da imagem — mantenha seu logo dentro dessa área. Você precisa de um ícone regular (purpose: "any") e um ícone maskable para melhores resultados. Use maskable.app para verificar e criar ícones maskable.
Qual é a diferença entre modos de display no manifesto?▾
O display controla a UI do navegador mostrada quando o app é lançado: "standalone" — semelhante a um aplicativo, sem barra de endereço do navegador (escolha mais comum). "fullscreen" — cobre a tela inteira, sem UI do sistema (usado para jogos). "minimal-ui" — mostra alguma navegação do navegador mas oculta a barra de endereço. "browser" — abre no navegador completo (derrota o propósito da PWA). Use "standalone" para a maioria dos aplicativos. Nota: Safari no iOS usa display standalone apenas quando o usuário adiciona à tela inicial via menu de compartilhamento — o banner de instalação funciona de forma diferente no iOS.
Por que devo adicionar screenshots ao meu manifesto?▾
Screenshots (a array screenshots) são usados pela UI aprimorada de instalação do Chrome, que mostra um diálogo de instalação rico com nome do app, descrição e imagens de visualização. Sem screenshots, o Chrome usa um prompt de instalação mínimo. Eles também são usados na Chrome Web Store e alguns listados em app store. Inclua pelo menos 2 screenshots para o form factor largo (desktop) e 2 para narrow (móvel). As dimensões devem estar entre 320×320 e 3840×2160 pixels com uma proporção de aspecto consistente.
Minha PWA precisa de um service worker para ser instalável?▾
Sim — um service worker é necessário para o prompt de instalação da PWA no Chrome (embora este validador apenas verifique o manifesto). O service worker deve ser registrado na página e estar em um estado funcional. Um service worker mínimo que apenas responde a eventos fetch é suficiente. O service worker habilita funcionalidade offline e é parte dos três pilares da PWA: manifesto + service worker + HTTPS. Ferramentas como Workbox (workbox-window) tornam a configuração de service worker muito mais simples.