Uygulama kabuğu ve gezinme
Offline Website Pro
ZIP'i yüksek performanslı çevrimdışı uygulamaya dönüştürün
1Web sitesi dosyalarınızı hazırlayın#
Tüm HTML, CSS, JS ve görsel dosyalarınızı tek bir klasörde toplayın. Ana giriş dosyanızın adının 'index.html' olduğundan emin olun.
İpuçları:
- Tüm varlıklar için göreli yollar kullanın (ör. <img src="images/logo.png">)
- Mutlak yollardan kaçının (ör. /C:/Users/...)
- Dosya ve klasör adlarında büyük/küçük harf duyarlılığını koruyun (Android, Linux tabanlıdır)
2ZIP arşivi oluşturun#
Web sitesi dosyalarınızı standart bir .zip arşivine sıkıştırın.
Önerilen yapı:
- index.html
- style.css (isteğe bağlı)
- script.js (isteğe bağlı)
- images/... (isteğe bağlı)
✅ Oluşturucu her ikisini de kabul eder:
- Dosyaları doğrudan kökte olan ZIP
- Tek bir üst klasör içeren ZIP (otomatik algılanır)
⚠️ Amaçladığınız web kökü bu değilse project/build/site/index.html gibi derin iç içe yapılardan kaçının.
3Hızlı minimal test (tam olarak)#
Kurulumunuzu doğrulamak için tam olarak bu testi kullanın:
- test_site adında bir klasör oluşturun
- index.html adında bir dosya ekleyin
- Örnek HTML'inizi index.html içine yapıştırın
- test_site.zip olarak ZIP'leyin
- 1. Adım'da Çevrimdışı ZIP'i seçin ve test_site.zip dosyasını seçin
- APK oluşturun ve kurun
Bu doğru açılırsa işlem hattınız sorunsuzdur ve daha büyük projelerdeki boş ekranlar genellikle yol veya varlık sorunlarıdır.
test_site.zip
└── index.html4Çevrimdışı Modu seçin#
Web2APK Oluşturucu'da (1. Adım):
- 'Çevrimdışı ZIP' seçeneğini seçin
- 'Web Sitesi ZIP'i Seç' düğmesine tıklayın
- Cihaz depolamanızdan hazırladığınız .zip dosyasını seçin
5APK'nızı oluşturun#
Diğer adımları (Uygulama Adı, Simge, Açılış Ekranı vb.) tamamlayın ve 'APK Oluştur'a tıklayın. Web siteniz artık internet bağlantısı gerekmeden tamamen çevrimdışı çalışacak!
6Sorun Giderme#
❌ Boş ekran mı? Önce index.html dosyasını tarayıcıda açın ve JS hatalarına bakın.
❌ Basit ZIP ile boş ekran mı? En son oluşturucu sürümüyle yeniden derleyin (çevrimdışı açma düzeltmesi dahildir).
❌ Bozuk görseller/CSS/JS mi? Yolların göreli (./assets/logo.png) olduğunu, mutlak (/assets/logo.png veya C:\...) olmadığını doğrulayın.
❌ CSS yüklenmiyor mu? Dosya adındaki büyük/küçük harfe bakın (style.css ile Style.css).
❌ JS modülleri başarısız mı? Modül dosya yollarının ZIP içinde bulunduğundan emin olun.