Ir para o conteúdo
Totalmente local

Gerador de manifesto para aplicações web

Crie um válido manifest.json para a sua aplicação web progressiva a partir do nome, ícones, cores e opções de visualização.

Saída

Gerador de manifesto para aplicações web

Um manifesto de aplicação web indica aos navegadores e sistemas operativos como a sua aplicação web progressiva deve aparecer e comportar-se quando é instalada — o seu nome, conjunto de ícones, cores e se abre numa janela própria ou num separador do navegador. Esta ferramenta constrói esse manifest.json a partir de um conjunto de campos, para que não tenha de se lembrar da forma exata JSON ou procurar quais as chaves obrigatórias.

Preencha o nome da aplicação e o nome abreviado, depois defina o modo de visualização (independente é a escolha usual para uma aplicação que deve parecer nativa), orientação, e cores de tema e fundo, que controlam o ecrã de apresentação e o chrome do navegador no Android. Adicione ícones como uma entrada por linha ou separados por ponto-e-vírgula na forma src|sizes|purpose — por exemplo /icon-512.png|512x512|any — e a ferramenta preenche automaticamente o tipo MIME a partir da extensão do ficheiro. Atalhos (entradas de lista rápida como "Redigir" ou "Caixa de entrada") e ligações de aplicações nativas relacionadas seguem o mesmo estilo de abreviatura src|sizes|purpose, com cada campo separado por um pipe.

A ferramenta verifica os campos enquanto escreve: assinala um nome de aplicação em falta antes de gerar algo, e avisa — sem bloquear a saída — quando o seu conjunto de ícones não tem uma entrada 192x192 ou 512x512, já que as verificações de instalabilidade no Android e desktop procuram esses tamanhos específicos, ou quando uma linha de ícone deixou de fora o seu tamanho completamente.

Tudo é executado localmente no seu navegador; nenhum detalhe da sua aplicação é enviado para qualquer lado. A saída é o conteúdo manifest.json seguido pela tag <link rel="manifest"> para colar no <head> da sua página. Copie-o, descarregue-o como um ficheiro .txt para renomear você próprio, ou envie-o diretamente para a entrada de outra ferramenta.

FAQ

Que campos é que um manifesto realmente necessita?
Apenas um nome (ou short_name) é estritamente obrigatório para esta ferramenta gerar algo. Na prática, os navegadores também querem pelo menos um ícone 192x192 e 512x512 antes de oferecerem para instalar a aplicação — a ferramenta avisa se estes faltarem.
Como é que formato o campo de ícones?
Um ícone por entrada, separados por ponto-e-vírgula ou uma nova linha, na forma src|sizes|purpose — por exemplo /icon-192.png|192x192|any. Os tamanhos e purpose são opcionais, mas deixar de fora os tamanhos dispara um aviso.
O que faz prefer_related_applications?
Indica ao navegador que sugira a aplicação nativa listada em aplicações relacionadas em vez de instalar a aplicação web. Apenas aparece na saída após adicionar pelo menos uma aplicação relacionada.
Onde é que guardo o ficheiro gerado?
Guarde a parte JSON como manifest.json na raiz do seu site (ou onde preferir, ajustando o href da ligação para corresponder), e cole a tag <link> gerada no <head> do seu HTML.
Os dados da minha aplicação são carregados para qualquer lado?
Não. O manifesto é montado inteiramente no seu navegador a partir dos campos que preenche — nenhum detalhe da sua aplicação é enviado para um servidor.