Site offline Pro

1Prepare os arquivos do seu site#

Reúna todos os seus arquivos HTML, CSS, JS e de imagem em uma única pasta. Garanta que o arquivo de entrada principal se chame 'index.html'.

Dicas:

• Use caminhos relativos para todos os arquivos (por exemplo, <img src="images/logo.png">)
• Evite caminhos absolutos (por exemplo, /C:/Users/...)
• Mantenha nomes de arquivos e pastas com distinção entre maiúsculas e minúsculas (o Android é baseado em Linux)

2Crie um arquivo ZIP#

Compacte os arquivos do seu site em um arquivo .zip padrão.

Estrutura recomendada:

• index.html
• style.css (opcional)
• script.js (opcional)
• images/... (opcional)

✅ O gerador aceita ambos:

1. ZIP com os arquivos diretamente na raiz
2. ZIP contendo uma pasta pai (detectada automaticamente)

⚠️ Evite aninhamento profundo como project/build/site/index.html, a menos que essa seja a raiz web pretendida.

3Teste mínimo rápido (exato)#

Use este teste exato para verificar sua configuração:

1. Crie uma pasta chamada test_site
2. Adicione um arquivo chamado index.html
3. Cole seu HTML de exemplo no index.html
4. Compacte como test_site.zip
5. Na Etapa 1, escolha ZIP offline e selecione test_site.zip
6. Gere o APK e instale

Se isso abrir corretamente, seu fluxo está certo e as telas em branco em projetos maiores geralmente são problemas de caminho ou de arquivos.

test_site.zip
└── index.html

4Selecione o modo offline#

No Gerador Web2APK (Etapa 1):

1. Selecione a opção 'ZIP offline'
2. Clique no botão 'Escolher ZIP do site'
3. Selecione seu arquivo .zip preparado no armazenamento do dispositivo

5Gere seu APK#

Conclua as demais etapas (nome do app, ícone, splash etc.) e clique em 'Gerar APK'. Seu site agora vai rodar totalmente offline, sem precisar de conexão com a internet!

6Solução de problemas#

❌ Tela em branco? Abra o index.html em um navegador primeiro e verifique se há erros de JS.
❌ Tela em branco com um ZIP simples? Recompile com a versão mais recente do gerador (a correção de extração offline está incluída).
❌ Imagens/CSS/JS quebrados? Verifique se os caminhos são relativos (./assets/logo.png), não absolutos (/assets/logo.png ou C:\...).
❌ CSS não carrega? Confira a caixa exata do nome do arquivo (style.css vs Style.css).
❌ Módulos JS falhando? Garanta que os caminhos dos arquivos de módulo existam no ZIP.