Validador de manifesto de aplicativo da Web

Um Progressive Web App só é instalado corretamente quando seu manifest.json satisfaz os campos que os navegadores e as lojas de aplicativos realmente verificam. Este validador analisa seu manifesto carregado e percorre a especificação do manifesto do W3C Web App campo por campo: ele sinaliza um nome e short_name ausentes, uma matriz de ícones vazia ou malformada, ícones sem src, tamanhos ou tipo, um start_url não analisável, um valor de exibição não reconhecido e strings theme_color ou background_color que não são cores CSS válidas. Cada descoberta é mostrada como uma frase em inglês simples - e não uma citação de especificação bruta - para que você saiba exatamente o que corrigir e por que isso é importante para a instalação.

O recurso matador é a visualização da zona segura com ícone mascarável. Os ícones adaptativos do Android aplicam um formato de máscara escolhido pelo sistema operacional – círculo, esquilo, lágrima e muito mais – a qualquer ícone marcado como “propósito”: “mascarável”. Qualquer coisa fora de um círculo centralizado que cubra 40% da janela de visualização do ícone pode ser cortada dependendo da máscara aplicada pelo dispositivo. Faça upload dos arquivos de imagem de ícone referenciados por seu manifesto junto com manifest.json, e esta ferramenta os combina por nome de arquivo, desenha cada ícone mascarável em uma tela no tamanho declarado e sobrepõe aquele círculo exato de zona segura para que você possa ver com seus próprios olhos se sua arte sobrevive ao corte.

O selo de aprovação/reprovação em cada visualização não é um item cosmético da lista de verificação – ele vem da análise real por pixel dos dados da imagem decodificada. A ferramenta mede quanto conteúdo sem fundo fica fora do círculo da zona segura (conteúdo que uma máscara cortaria) e quanto do ícone é transparente (ícones mascaráveis ​​​​devem ter um fundo opaco sem margens, já que a transparência permite que a cor da máscara subjacente apareça). Ambas as verificações são executadas no bitmap real que você carregou, portanto, o resultado reflete seu arquivo de ícone real, não uma suposição.

Tudo acontece localmente no seu navegador: manifest.json é lido com a API File, os ícones são decodificados com createImageBitmap ou um substituto FileReader/Image e os pixels são analisados em uma tela na memória. Nada é carregado em um servidor, o que importa se o seu manifesto fizer referência a um nome de aplicativo ainda não público, caminhos start_url internos ou ícones em desenvolvimento.