وب‌سایت آفلاین پرو

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. آن را با نام test_site.zip ZIP کنید
5. در مرحله 1، Offline ZIP را انتخاب کنید و test_site.zip را برگزینید
6. APK را بسازید و نصب کنید

اگر این درست باز شود، خط لوله شما سالم است و صفحه‌های خالی در پروژه‌های بزرگ‌تر معمولاً مشکل مسیر یا دارایی‌ها هستند.

test_site.zip
└── index.html

4حالت آفلاین را انتخاب کنید#

در سازنده Web2APK (مرحله ۱):

1. گزینه رادیویی «Offline ZIP» را انتخاب کنید
2. روی دکمه «Choose Website ZIP» بزنید
3. فایل .zip آماده‌شده خود را از حافظه دستگاه انتخاب کنید

5APK خود را بسازید#

بقیه مراحل را کامل کنید (نام اپلیکیشن، آیکون، اسپلش و غیره) و روی «Generate APK» بزنید. وب‌سایت شما اکنون بدون نیاز به اینترنت کاملاً آفلاین اجرا می‌شود!

6عیب‌یابی#

❌ صفحه خالی؟ ابتدا index.html را در مرورگر باز کنید و خطاهای JS را بررسی کنید.
❌ صفحه خالی با ZIP ساده؟ با آخرین نسخه سازنده دوباره بسازید (رفع استخراج آفلاین در آن هست).
❌ تصاویر/CSS/JS خراب؟ بررسی کنید مسیرها نسبی باشند (./assets/logo.png)، نه مطلق (/assets/logo.png یا C:\...).
❌ CSS بارگذاری نمی‌شود؟ بزرگی و کوچکی دقیق نام فایل را بررسی کنید (style.css در برابر Style.css).
❌ ماژول‌های JS کار نمی‌کنند؟ مطمئن شوید مسیر فایل‌های ماژول در ZIP وجود دارند.