Offline Website Pro

1Prepara los archivos de tu sitio web#

Reúne todos tus archivos HTML, CSS, JS e imágenes en una sola carpeta. Asegúrate de que tu archivo de entrada principal se llame 'index.html'.

Consejos:

• Usa rutas relativas para todos los recursos (p. ej., <img src="images/logo.png">)
• Evita las rutas absolutas (p. ej., /C:/Users/...)
• Respeta mayúsculas y minúsculas en nombres de archivos y carpetas (Android está basado en Linux)

2Crea un archivo ZIP#

Comprime los archivos de tu sitio web en un archivo .zip estándar.

Estructura recomendada:

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

✅ El generador acepta ambos:

1. ZIP con los archivos directamente en la raíz
2. ZIP con una carpeta principal (se detecta automáticamente)

⚠️ Evita anidaciones profundas como project/build/site/index.html, a menos que esa sea tu raíz web prevista.

3Prueba mínima rápida (exacta)#

Usa esta prueba exacta para verificar tu configuración:

1. Crea una carpeta llamada test_site
2. Añade un archivo llamado index.html
3. Pega tu HTML de ejemplo en index.html
4. Comprímelo como test_site.zip
5. En el Paso 1, elige ZIP sin conexión y selecciona test_site.zip
6. Genera el APK e instálalo

Si esto se abre correctamente, tu proceso funciona bien y las pantallas en blanco en proyectos más grandes suelen deberse a rutas o recursos.

test_site.zip
└── index.html

4Selecciona el modo sin conexión#

En el generador Web2APK (Paso 1):

1. Selecciona el botón de opción 'Offline ZIP'
2. Haz clic en el botón 'Choose Website ZIP'
3. Selecciona tu archivo .zip preparado del almacenamiento de tu dispositivo

5Genera tu APK#

Completa el resto de los pasos (Nombre de la app, Icono, Splash, etc.) y haz clic en 'Generate APK'. ¡Tu sitio web funcionará ahora totalmente sin conexión, sin necesitar internet!

6Solución de problemas#

❌ ¿Pantalla en blanco? Abre primero index.html en un navegador y busca errores de JS.
❌ ¿Pantalla en blanco con un ZIP sencillo? Vuelve a compilar con la última versión del generador (incluye la corrección de extracción sin conexión).
❌ ¿Imágenes/CSS/JS rotos? Comprueba que las rutas sean relativas (./assets/logo.png), no absolutas (/assets/logo.png o C:\...).
❌ ¿CSS que no carga? Revisa mayúsculas y minúsculas exactas del nombre (style.css vs Style.css).
❌ ¿Fallan los módulos JS? Asegúrate de que las rutas de los archivos de módulo existan en el ZIP.