Offline Website Pro

1Siapkan file situs web Anda#

Kumpulkan semua file HTML, CSS, JS, dan gambar Anda ke dalam satu folder. Pastikan file masuk utama Anda bernama 'index.html'.

Tips:

• Gunakan path relatif untuk semua aset (mis., <img src="images/logo.png">)
• Hindari path absolut (mis., /C:/Users/...)
• Pertahankan nama file dan folder peka huruf besar-kecil (Android berbasis Linux)

2Buat arsip ZIP#

Kompres file situs web Anda menjadi arsip .zip standar.

Struktur yang disarankan:

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

✅ Generator menerima keduanya:

1. ZIP dengan file langsung di root
2. ZIP berisi satu folder induk (terdeteksi otomatis)

⚠️ Hindari penyarangan dalam seperti project/build/site/index.html kecuali itu memang root web yang Anda inginkan.

3Uji minimal cepat (persis)#

Gunakan uji persis ini untuk memastikan pengaturan Anda benar:

1. Buat folder bernama test_site
2. Tambahkan satu file bernama index.html
3. Tempel HTML contoh Anda ke index.html
4. Jadikan ZIP dengan nama test_site.zip
5. Di Langkah 1, pilih Offline ZIP dan pilih test_site.zip
6. Buat APK dan instal

Jika ini terbuka dengan benar, alur Anda sudah baik dan layar kosong pada proyek yang lebih besar biasanya masalah path atau aset.

test_site.zip
└── index.html

4Pilih mode offline#

Di Web2APK Generator (Langkah 1):

1. Pilih tombol radio 'Offline ZIP'
2. Klik tombol 'Choose Website ZIP'
3. Pilih file .zip yang sudah Anda siapkan dari penyimpanan perangkat

5Buat APK Anda#

Selesaikan langkah lainnya (Nama Aplikasi, Ikon, Splash, dll.) lalu klik 'Generate APK'. Situs web Anda kini berjalan sepenuhnya offline tanpa memerlukan koneksi internet!

6Pemecahan Masalah#

❌ Layar kosong? Buka index.html di browser terlebih dahulu dan periksa kesalahan JS.
❌ Layar kosong dengan ZIP sederhana? Build ulang dengan generator versi terbaru (perbaikan ekstraksi offline sudah disertakan).
❌ Gambar/CSS/JS rusak? Pastikan path-nya relatif (./assets/logo.png), bukan absolut (/assets/logo.png atau C:\...).
❌ CSS tidak dimuat? Periksa huruf besar-kecil nama file dengan tepat (style.css vs Style.css).
❌ Modul JS gagal? Pastikan path file modul ada di dalam ZIP.