PWA GENERATOR | BUILDER

Name Nome do seu aplicativo Web

Short Name Isso será usado quando houver espaço insuficiente para exibir o nome completo, como a tela inicial

Description O objetivo do seu aplicativo Web

Language O idioma principal para o nome, nome abreviado e propriedades da descrição. Por exemplo, en ou pt-BR

Start URL Seu atalho na tela inicial carregará este URL

ID O id do seu app ao qual este Manifest se aplicar

iarc O iarc Manifest se aplicar

Display

Standalone

Aplicativo, sem interface do navegador, apenas interface do sistema

Fullscreen

Nenhum navegador ou interface do usuário mostrada

Minimal UI

Browser

Orientation

Theme color

Gerador de color para usada na interface do usuário do navegador e do sistema, para ajudar a tornar seu aplicativo imersivo

Icons

URL	Sizes	Type
URL	Sizes	Type
Adicionar outro...

Background color

Este é tipicamente o seu <body> cor de background, usada para definir a cor de fundo até que as folhas de estilo do seu aplicativo sejam carregadas.

Aplicativos relacionados

Platform	App ID	URL
Platform	ID	URL
Adicionar outro...

Preferir aplicativos relacionados
Se o banner do aplicativo nativo deve ser mostrado antes do banner de instalação do aplicativo Web

Screenshots

URL	Sizes	Type
URL	Sizes	Type
Adicionar outro...

manifest.json

<head>

sw.js

Gerador com Icon

Carregue uma imagem válida antes downloading!

Crie build PWA Package stores

Os navegadores exibirão automaticamente um banner de instalação para seu aplicativo Web quando ele atender a determinadas critério
Você pode anexar um parâmetro ao seu URL inicial para detectar quando o aplicativo é iniciado a partir da tela inicial ou pode usar o modo de exibição Consulta de mídia CSS
Para jogos, você pode definir a exibição em tela cheia e a orientação paisagem
Se seu aplicativo estiver em um subdiretório (como este), defina start_url e scope nesse diretório, caso contrário, a inicialização será padronizada como /
Nem todos os navegadores implementam o manifesto ainda, no entanto, o <meta> tags ajudará a preencher essa lacuna
Você pode até criar um link para seu aplicativo nativo como um aplicativo relacionado e obter o benefício do banner de instalação
Para determinar se o prompt de instalação foi bem-sucedido ou adie-o, use o beforeinstallprompt evento
Certifique-se de adicionar um Trabalhador de serviço para que seu aplicativo funcione offline e até envie notificações

MENU

PWA GENERATOR BUILDER

FAÇA SUA CONTRIBUIÇÃO

MENU

PWA GENERATOR BUILDER

Notas úteis

FAÇA SUA CONTRIBUIÇÃO