الموقع دون اتصال 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. اضغطه باسم test_site.zip
5. في الخطوة 1، اختر Offline ZIP ثم حدد test_site.zip
6. أنشئ APK وثبّته

إذا فُتح هذا بشكل صحيح، فمسار العمل لديك سليم، وعادةً ما تكون الشاشات الفارغة في المشاريع الأكبر ناتجة عن مشكلات المسارات أو الموارد.

test_site.zip
└── index.html

4اختر وضع عدم الاتصال#

في مولّد Web2APK (الخطوة 1):

1. اختر زر الاختيار 'Offline ZIP'
2. اضغط على زر 'اختر ZIP الموقع'
3. اختر ملف .zip الذي جهّزته من تخزين جهازك

5أنشئ APK الخاص بك#

أكمل بقية الخطوات (اسم التطبيق والأيقونة وشاشة البداية وغيرها) واضغط 'إنشاء APK'. سيعمل موقعك الآن بالكامل بدون إنترنت!

6استكشاف الأخطاء#

❌ شاشة فارغة؟ افتح index.html في متصفح أولًا وتحقق من وجود أخطاء JS.
❌ شاشة فارغة مع ZIP بسيط؟ أعد الإنشاء بأحدث إصدار من المولّد (يتضمن إصلاح الاستخراج دون اتصال).
❌ صور/CSS/JS لا تعمل؟ تأكد أن المسارات نسبية (./assets/logo.png) وليست مطلقة (/assets/logo.png أو C:\...).
❌ CSS لا يُحمَّل؟ تحقق من حالة الأحرف في اسم الملف (style.css مقابل Style.css).
❌ وحدات JS تفشل؟ تأكد من وجود مسارات ملفات الوحدات داخل ZIP.