Офлайн-сайт Pro

1Подготовьте файлы вашего сайта#

Соберите все ваши HTML-, CSS-, JS-файлы и изображения в одну папку. Убедитесь, что главный входной файл называется «index.html».

Советы:

• Используйте относительные пути для всех ресурсов (например, <img src="images/logo.png">)
• Избегайте абсолютных путей (например, /C:/Users/...)
• Учитывайте регистр в именах файлов и папок (Android основан на Linux)

2Создайте ZIP-архив#

Упакуйте файлы вашего сайта в стандартный архив .zip.

Рекомендуемая структура:

• index.html
• style.css (необязательно)
• script.js (необязательно)
• images/... (необязательно)

✅ Генератор принимает оба варианта:

1. ZIP с файлами прямо в корне
2. ZIP с одной родительской папкой (определяется автоматически)

⚠️ Избегайте глубокой вложенности вроде project/build/site/index.html, если только это не задуманный вами корень сайта.

3Быстрый минимальный тест (точный)#

Используйте именно этот тест, чтобы проверить свою настройку:

1. Создайте папку с именем test_site
2. Добавьте один файл с именем index.html
3. Вставьте ваш пример HTML в index.html
4. Упакуйте в ZIP с именем test_site.zip
5. На шаге 1 выберите Offline ZIP и укажите test_site.zip
6. Создайте APK и установите

Если он открывается правильно, то ваш конвейер в порядке, а пустые экраны в больших проектах обычно вызваны путями или ресурсами.

test_site.zip
└── index.html

4Выберите офлайн-режим#

В генераторе Web2APK (шаг 1):

1. Выберите переключатель «Offline ZIP»
2. Нажмите кнопку «Choose Website ZIP»
3. Выберите подготовленный .zip-файл в хранилище вашего устройства

5Создайте ваш APK#

Выполните остальные шаги (название приложения, значок, заставка и т. д.) и нажмите «Generate APK». Теперь ваш сайт будет работать полностью офлайн, без подключения к интернету!

6Если что-то не работает#

❌ Пустой экран? Сначала откройте index.html в браузере и проверьте, нет ли ошибок JS.
❌ Пустой экран при простом ZIP? Пересоберите в последней версии генератора (исправление офлайн-распаковки уже включено).
❌ Не отображаются изображения/CSS/JS? Проверьте, что пути относительные (./assets/logo.png), а не абсолютные (/assets/logo.png или C:\...).
❌ CSS не загружается? Проверьте регистр в имени файла (style.css и Style.css — разные файлы).
❌ Не работают JS-модули? Убедитесь, что файлы модулей есть в ZIP.