Structure de l'application et navigation
Site web hors ligne Pro
Convertissez un ZIP en application hors ligne haute performance
1Préparez les fichiers de votre site#
Rassemblez tous vos fichiers HTML, CSS, JS et images dans un seul dossier. Assurez-vous que votre fichier d'entrée principal s'appelle « index.html ».
Conseils :
- Utilisez des chemins relatifs pour toutes les ressources (par ex. <img src="images/logo.png">)
- Évitez les chemins absolus (par ex. /C:/Users/...)
- Respectez la casse des noms de fichiers et de dossiers (Android est basé sur Linux)
2Créez une archive ZIP#
Compressez les fichiers de votre site dans une archive .zip standard.
Structure recommandée :
- index.html
- style.css (facultatif)
- script.js (facultatif)
- images/... (facultatif)
✅ Le générateur accepte les deux :
- ZIP avec les fichiers directement à la racine
- ZIP contenant un dossier parent (détecté automatiquement)
⚠️ Évitez les imbrications profondes comme project/build/site/index.html, sauf si c'est bien votre racine web voulue.
3Test minimal rapide (exact)#
Utilisez exactement ce test pour vérifier votre configuration :
- Créez un dossier nommé test_site
- Ajoutez un seul fichier nommé index.html
- Collez votre HTML d'exemple dans index.html
- Compressez-le sous le nom test_site.zip
- À l'étape 1, choisissez ZIP hors ligne et sélectionnez test_site.zip
- Générez l'APK et installez-le
Si cela s'ouvre correctement, votre chaîne est bonne et les écrans blancs sur de plus gros projets viennent généralement de chemins ou de ressources.
test_site.zip
└── index.html4Choisissez le mode hors ligne#
Dans le générateur Web2APK (étape 1) :
- Sélectionnez le bouton radio « ZIP hors ligne »
- Appuyez sur le bouton « Choisir le ZIP du site »
- Sélectionnez votre fichier .zip préparé dans le stockage de votre appareil
5Générez votre APK#
Terminez les autres étapes (nom de l'application, icône, écran de démarrage, etc.) et cliquez sur « Générer l'APK ». Votre site fonctionnera désormais entièrement hors ligne, sans connexion internet !
6Dépannage#
❌ Écran blanc ? Ouvrez d'abord index.html dans un navigateur et cherchez des erreurs JS.
❌ Écran blanc avec un ZIP simple ? Recompilez avec la dernière version du générateur (correction de l'extraction hors ligne incluse).
❌ Images/CSS/JS cassés ? Vérifiez que les chemins sont relatifs (./assets/logo.png) et non absolus (/assets/logo.png ou C:\...).
❌ Le CSS ne se charge pas ? Vérifiez la casse exacte du nom de fichier (style.css et Style.css).
❌ Modules JS en échec ? Vérifiez que les chemins des fichiers de module existent dans le ZIP.