Struttura dell'app e navigazione
Offline Website Pro
Converti uno ZIP in un'app offline ad alte prestazioni
1Prepara i file del tuo sito#
Raccogli tutti i tuoi file HTML, CSS, JS e immagini in un'unica cartella. Assicurati che il file principale si chiami 'index.html'.
Suggerimenti:
- Usa percorsi relativi per tutte le risorse (es. <img src="images/logo.png">)
- Evita i percorsi assoluti (es. /C:/Users/...)
- Rispetta maiuscole e minuscole nei nomi di file e cartelle (Android si basa su Linux)
2Crea un archivio ZIP#
Comprimi i file del tuo sito in un normale archivio .zip.
Struttura consigliata:
- index.html
- style.css (facoltativo)
- script.js (facoltativo)
- images/... (facoltativo)
вњ… Il generatore accetta entrambi:
- ZIP con i file direttamente nella radice
- ZIP contenente una cartella principale (rilevata automaticamente)
вљ пёЏ Evita annidamenti profondi come project/build/site/index.html, a meno che quella non sia la tua radice web.
3Test minimo rapido (esatto)#
Usa questo test preciso per verificare la tua configurazione:
- Crea una cartella chiamata test_site
- Aggiungi un file chiamato index.html
- Incolla il tuo HTML di esempio in index.html
- Comprimilo come test_site.zip
- Nel Passaggio 1, scegli Offline ZIP e seleziona test_site.zip
- Genera l'APK e installalo
Se si apre correttamente, la tua pipeline funziona e le schermate vuote nei progetti piГ№ grandi sono di solito problemi di percorsi o risorse.
test_site.zip
└── index.html4Seleziona la modalitГ offline#
Nel generatore Web2APK (passaggio 1):
- Seleziona il pulsante di opzione 'Offline ZIP'
- Clicca sul pulsante 'Choose Website ZIP'
- Seleziona il tuo file .zip preparato dalla memoria del dispositivo
5Genera il tuo APK#
Completa gli altri passaggi (nome dell'app, icona, splash, ecc.) e clicca su 'Generate APK'. Il tuo sito girerГ ora interamente offline, senza bisogno di una connessione a internet!
6Risoluzione dei problemi#
вќЊ Schermata vuota? Apri prima index.html in un browser e controlla gli errori JS.
вќЊ Schermata vuota con un ZIP semplice? Ricrea con l'ultima versione del generatore (include la correzione dell'estrazione offline).
вќЊ Immagini/CSS/JS non funzionanti? Verifica che i percorsi siano relativi (./assets/logo.png), non assoluti (/assets/logo.png o C:\...).
вќЊ CSS non caricato? Controlla maiuscole e minuscole nel nome del file (style.css vs Style.css).
вќЊ Moduli JS che falliscono? Assicurati che i percorsi dei file dei moduli esistano nello ZIP.