حوّل موقعك إلى تطبيق على الجوال
يمكن إضافة الموقع إلى الشاشة الرئيسية ليفتح بملء الشاشة، حتى دون إنترنت. دون متجر تطبيقات.
التطبيق التدريجي (PWA) موقع يمكن تثبيته على الشاشة الرئيسية للجوال. يفتح بملء الشاشة ويمكن أن يعمل دون إنترنت. لا متجر ولا مراجعة.
الأجزاء الأربعة
ملف البيان (Manifest)
ملف صغير فيه اسم التطبيق وألوانه وأيقوناته.
الأيقونات
أيقونة مربعة 192 وأخرى 512 بكسل، مع أيقونة قابلة للقص (maskable).
عامل الخدمة (Service worker)
سكربت يحفظ ملفاتك ليفتح التطبيق دون إنترنت ويحمّل أسرع.
HTTPS
مطلوب للتثبيت وللعمل دون إنترنت. Vercel يعطيك HTTPS تلقائياً.
الخطوات
- أضف ملف بيان فيه الاسم والاسم القصير وعنوان البداية وعرض standalone ولون السمة والأيقونات.
- اربطه في رأس الصفحة وأضف وسم لون السمة.
- أضف ملف عامل الخدمة وسجّله عند تحميل الصفحة.
- انشر الموقع على الإنترنت (Vercel يعطيك HTTPS).
- افتحه على جوالك. في iPhone اضغط مشاركة ثم إضافة إلى الشاشة الرئيسية. في Android استخدم نافذة التثبيت أو قائمة المتصفح.
- فعّل وضع الطيران وافتحه مرة أخرى لتتأكد أنه يعمل دون إنترنت.
اطلب من أداتك أن تفعل ذلك
Turn this website into an installable PWA. Add a web app manifest with name, short name, standalone display, theme colour, and 192, 512 and maskable icons. Add a service worker that caches the app shell, uses network first for pages and falls back to the cached page when offline. Register it on load. Do not cache API calls or anything with a login. Tell me how to test install and offline on iPhone and Android.حدود بصراحة
- في iPhone تحتاج الإشعارات إلى iOS 16.4 أو أحدث، ويجب إضافة التطبيق إلى الشاشة الرئيسية أولاً.
- التطبيق التدريجي لا يفعل كل ما يفعله تطبيق المتجر. المزايا العميقة للجوال والظهور في المتجر تحتاج تطبيقاً حقيقياً.
- اختبر على جوال حقيقي. متصفح الحاسوب لا يُظهر كل شيء.
الطلبات مكتوبة بالإنجليزية لأن أدوات الذكاء الاصطناعي تتبعها أفضل. يمكنك أن تطلب من الأداة الإجابة بالعربية.
جرّب الآن
اصنع موقعاً في الاستوديو: اختر نشاطاً وغيّر الكلمات والألوان واحصل على موقعك.