مُولد مُخطط تطبيق ويب متعدد الوظائف

بياناتمطور
إعلان · حذف؟

معركة الهوية

الاسم الكامل للتطبيق الذي يظهر في نافذة التثبيت وشاشة الترحيب
يُستخدم على الشاشة الرئيسية (مُوصى به: 12 حرفًا أو أقل)
اللغة الأساسية (مُلصق BCP 47، مثال: en-US، fr، de-DE)

التنقل
الرابط الذي يُفتح عند تشغيل التطبيق
الحدود المحددة للتنقل داخل التطبيق (اختياري)
معركة فريدة للتطبيق (اختياري، مُوصى به)

العرض
يُلون شريط المتصفح أو شريط الحالة عند فتح التطبيق
اللون الخلفي على شاشة الترحيب أثناء تحميل التطبيق

الرموز
مجلد يحتوي على ملفات الرموز (يُستخدم لبناء مسارات المصدر)
استخدم {size} كمُستبدل — يُستبدل بحجم كل رمز مُختار
إعلان · حذف؟

مرشد

مُولد ملف المُعلن للتطبيق الويب التقدمي

مُولد مُخطط تطبيق ويب متعدد الوظائف

بناء ملف صالح manifest.json لتطبيق الويب التقدمي في ثوانٍ. املأ هوية تطبيقك، اختر وضع العرض، اختر أحجام الرموز التي تُرسلها، وينتج المُولد نصًا نظيفًا يمكنك وضعه مباشرة في مشروعك، بالإضافة إلى المُلصق المناسب <link rel="manifest"> لصفحة HTML الخاصة بك.

كيفية استخدام

  1. أدخل هوية تطبيقك اسم و الاسم القصيرالاسم الكامل يظهر في نافذة التثبيت؛ والاسم القصير يظهر تحت رمز الشاشة الرئيسية.
  2. اضبط الرابط الابتدائي, النطاق، واختياري معركة التطبيق لأن المتصفح يعلم ما يجب أن يُفتح وما هو نطاق التنقل.
  3. اختر الوضع المُظهر (مُستقل، مُكتمل، مُبسط، متصفح) واختر توجيه.
  4. اختر لون السمة (متصفح مُخصص) واختر لون الخلفية (شاشة الترحيب).
  5. اضبط مسار الرموز الأساسية واختر نمط اسم الملف باستخدام {size} كمُستبدل، ثم اختر أحجام الرموز التي تُرسلها فعليًا.
  6. انسخ المُنشأ manifest.json أو انقر على أيقونة التحميل. ضع المُلصق <link rel="manifest"> في ملف <head>.

خصائص

  • جميع الحقول المعيارية للملف المُعلن – الاسم، الاسم القصير، الوصف، اللغة، الاتجاه، الهوية، الرابط الابتدائي، النطاق، العرض، لون التصميم، لون الخلفية.
  • مُراجعة أحجام الرموز – 72، 96، 128، 144، 152، 192، 384، و 512 بكسل، مع روابط مُبنية تلقائيًا من مسار أساسي ونمط اسم الملف. src دعم مقصود الرموز
  • – أي، مُقنن، "أي مُقنن"، ومُوحد الألوان. عرض مُسبق للـ JSON
  • – تُعرض نسخة مُنظمة من JSON أثناء الكتابة، مع توضيح للنظام. مراجعات التثبيت
  • – تُحذر عند غياب الاسم، الرابط الابتدائي، أو الأزواج الموصى بها من 192×192 و 512×512 للرموز. – نسخة واحدة بالضغط، أو تحميل كـ
  • النسخ أو التنزيل مع نوع MIME الصحيح. manifest.json مُلصق HTML
  • – نص جاهز للإدراج مُلصق. <link rel="manifest"> – لا شيء يخرج من متصفحك. لا حسابات، لا محدوديات.
  • 100% من جانب العميل ما هو ملف المُعلن للتطبيقات الويب؟

التعليمات

  1. مُعلن التطبيق الويب هو ملف JSON يخبر المتصفح كيف يجب أن يُظهر تطبيق الويب التقدمي عند التثبيت. يحمل اسم التطبيق، الرموز، الرابط الابتدائي، وضع العرض، ألوان التصميم، وأخرى تُستخدم في نافذة التثبيت، شاشة الترحيب، ومحرر الشاشة الرئيسية.

    ما الحقول المطلوبة لجعل تطبيق الويب التقدمي قابلًا للتركيب؟

  2. بشكل أدنى، يتوقع المتصفح الاسم (أو الاسم القصير)، الرابط الابتدائي، وضع العرض مُحدد على شكل مُستقل أو مُكتمل أو مُبسط، وحتمًا رمز واحد على الأقل بحجم 192×192 ورمز آخر بحجم 512×512. إضافة لون التصميم ولون الخلفية مُوصى به بشدة لتجربة تثبيت مُحسّنة.

    ما الفرق بين أنماط العرض؟

  3. مُستقل يُخفي واجهة المتصفح ويبدو كتطبيق مُدمج. مُكتمل يُخفي شريط الحالة، وهو مفيد للألعاب. مُبسط يحتفظ بمجموعة صغيرة من مكونات المتصفح. متصفح يفتح التطبيق في علامة تبويب عادية. يختار معظم تطبيقات الويب التقدمي وضع مُستقل.

    ما معنى حقل مُقصود الرمز؟

  4. يُخبر المتصفح كيف يمكن أن يُعرض الرمز. "أي" هو الافتراضي ويسمح للمتصفح بتركيب الرمز كما يريده. "مُقنن" يعني أن الصورة مصممة لتملأ منطقة آمنة محددة من نظام التشغيل، لذا يمكن للمُشغل أن يقصّرها إلى دائرة أو مربع مُلتوّي أو مربع مُملوء دون تقطيع المحتوى المهم.

    أين يجب وضع ملف manifest.json وملصق HTML؟

  5. ضع ملف manifest.json في جذر الموقع أو في مسار مستقر، ثم اربطه من كل صفحة HTML بـ مُلصق داخل ملف . تأكد أن الملف يُرسل بعنصر المحتوى application/manifest+json.

    ما هو تطبيقي المُميز؟

هل تريد حذف الإعلانات؟ تخلص من الإعلانات اليوم

تثبيت ملحقاتنا

أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع

أضف لـ إضافة كروم أضف لـ امتداد الحافة أضف لـ إضافة فايرفوكس أضف لـ ملحق الأوبرا

وصلت لوحة النتائج!

لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!

إعلان · حذف؟
إعلان · حذف؟
إعلان · حذف؟

ركن الأخبار مع أبرز التقنيات

شارك

ساعدنا على الاستمرار في تقديم أدوات مجانية قيمة

اشتري لي قهوة
إعلان · حذف؟