ما هو مولّد manifest.json؟
أداة Manifest.json Generator تساعدك في إنشاء ملف Web App Manifest كامل لتطبيقات الويب التقدمية. أدخل تفاصيل تطبيقك واحصل على ملف manifest.json جاهز للاستخدام مع جميع الحقول المطلوبة والاختيارية بالتنسيق الصحيح.
تضبط الاسم والاسم المختصر والوصف وstart_url وscope ووضع العرض (standalone أو fullscreen أو minimal-ui أو browser) واتجاه الشاشة ولون السمة ولون الخلفية، إلى جانب أي عدد من إدخالات الأيقونات بأحجامها وأنواعها وغرضها. الناتج مطابق لمواصفة W3C Web App Manifest، فيقبل به Chrome وEdge وSafari عند الإضافة إلى الشاشة الرئيسية.
كيفية الاستخدام
- أدخل المعلومات الأساسية لتطبيقك: الاسم، الاسم المختصر، الوصف، لون السمة، ولون الخلفية.
- اضبط وضع العرض (standalone أو fullscreen أو minimal-ui)، والاتجاه، وعنوان URL للبدء، والنطاق.
- أضف إدخالات الأيقونات مع أحجامها، ثم انسخ أو حمّل ملف manifest.json المُنشأ لمشروعك.
متى تستخدم
- إضافة خاصية «تثبيت التطبيق» إلى موقع قائم ليظهر في درج التطبيقات بنظام التشغيل.
- تخصيص لون شاشة البدء والأيقونة لتطبيق PWA داخلي يُسلَّم لموظفي الميدان.
- توليد ملف manifest أوّلي لقالب Next.js أو Vite لا يأتي مع واحد جاهز.
النتيجة
أنت تحوّل موقع الوصفات الخاص بك إلى تطبيق ويب تقدمي. اضبط الاسم على 'وصفاتي'، ولون السمة بالأخضر الخاص بعلامتك التجارية، ووضع العرض على 'standalone'، وأنشئ الملف لوضعه في جذر مشروعك.
الأسئلة الشائعة
- ما الفرق بين وضعَي standalone وminimal-ui؟
- standalone يُخفي شريط المتصفح كله فيبدو التطبيق كأنه أصلي. minimal-ui يُبقي مجموعة صغيرة من أدوات التنقّل أعلى الشاشة (غالباً «رجوع» و«تحديث»). fullscreen يحذف حتى شريط الحالة، ومفيد للألعاب.
- أي أحجام أيقونات أحتاج فعلاً؟
- كحد أدنى صورتان PNG بحجمي 192×192 و512×512، يستعملهما Chrome وEdge للشاشة الرئيسية وشاشة البدء. أضف 144×144 لمربعات ويندوز القديمة، ونسخة 512×512 بـ`purpose: maskable` كي يستطيع أندرويد قصّها دون فقد التفاصيل.
- لماذا أحتاج name وshort_name معاً؟
- `name` يظهر في تنبيه التثبيت ودرج التطبيقات، أما `short_name` فيظهر تحت أيقونة الشاشة الرئيسية حيث لا تتسع المساحة لأكثر من نحو 12 حرفاً. إذا أهملته اقتطع النظام الاسم بشكل غير لائق في معظم الهواتف.
- أين أضع ملف manifest.json؟
- احفظ الملف باسم `manifest.json` (أو `manifest.webmanifest`) في جذر الموقع، ثم اربطه من `<head>` بـ`<link rel='manifest' href='/manifest.json'>`. المتصفح يجلبه عند أول تحميل للصفحة.
- هل وجود manifest وحده يكفي لجعل الموقع قابلاً للتثبيت؟
- لا. المتصفح يشترط أيضاً Service Worker يتعامل مع حدث `fetch`، واستخدام HTTPS، وأيقونة واحدة 192×192 على الأقل. manifest هو طبقة البيانات الوصفية، بينما Service Worker هو الدليل على عمل الموقع دون اتصال.
أدوات ذات صلة
مولّد البيانات المهيكلة
أنشئ ترميز JSON-LD للبيانات المهيكلة لتحسين SEO
تحويل صفحة ويب إلى PDF
حفظ صفحة ويب بصيغة PDF
مولّد سياسة الخصوصية
أنشئ سياسة خصوصية لموقعك الإلكتروني
مُنشئ شروط الخدمة
أنشئ مستند شروط الخدمة
مولّد موافقة ملفات تعريف الارتباط
إنشاء كود بانر الموافقة على ملفات تعريف الارتباط
ضاغط CSS
ضغط كود CSS لتقليل حجم الملف