تطبيقات الويب التقدّمية (PWA) هي تطبيقات حديثة وعالية الجودة تم تصميمها باستخدام تكنولوجيا الويب. توفّر تطبيقات الويب التقدّمية (PWA) إمكانات مماثلة لتطبيقات iOS/Android/أجهزة كمبيوتر سطح المكتب، وهي موثوقة حتى في ظروف الشبكة غير المستقرة، وهي قابلة للتثبيت، ما يسهّل على المستخدمين العثور عليها واستخدامها.
معظم المستخدمين على دراية بتثبيت التطبيقات، ومزايا التجربة التي يتم تثبيتها. تظهر التطبيقات المثبّتة على منصات تشغيل نظام التشغيل، مثل مجلد التطبيقات على نظام التشغيل Mac OS X وقائمة "ابدأ" في نظام التشغيل Windows والشاشة الرئيسية على نظامَي التشغيل Android وiOS. تظهر التطبيقات المثبّتة أيضًا في مبدِّل الأنشطة، ومحركات البحث للأجهزة مثل Spotlight وفي أوراق مشاركة المحتوى.
توضِّح معظم المتصفِّحات للمستخدم أنّ تطبيق الويب التقدّمي (PWA) قابل للتثبيت عندما يستوفي معايير معيّنة. تتضمن أمثلة المؤشرات زر تثبيت في شريط العناوين، أو عنصر قائمة "تثبيت" في القائمة الكاملة.
![لقطة شاشة للمربّع المتعدد الاستخدامات يظهر فيها مؤشر التثبيت](https://web.dev/static/articles/install-criteria/image/screenshot-omnibox-inst-d123e703453f4.png?authuser=6&hl=ar)
![لقطة شاشة للترويج للتثبيت الذي يوفّره المتصفّح](https://web.dev/static/articles/install-criteria/image/screenshot-browser-provi-8494a0ae93efa.png?authuser=6&hl=ar)
بالإضافة إلى ذلك، عند استيفاء المعايير، ستطلق العديد من المتصفحات حدث beforeinstallprompt
، ما يسمح لك بتوفير تجربة مستخدم مخصّصة داخل التطبيق تؤدي إلى بدء مسار التثبيت داخل تطبيقك.
معايير التثبيت
في Chrome، يجب أن يستوفي تطبيق الويب التقدّمي المعايير التالية قبل أن
ينشط حدث beforeinstallprompt
ويعرض العرض الترويجي
للتثبيت داخل المتصفّح:
- لم يتم تثبيت تطبيق الويب مسبقًا
- يستوفي الإرشادات الإرشادية لتفاعل المستخدم:
- يحتاج المستخدم إلى أن ينقر على الصفحة مرة واحدة على الأقل (في أي وقت، حتى أثناء تحميل الصفحة في السابق)
- أن يكون المستخدِم قد قضى 30 ثانية على الأقل في مشاهدة الصفحة (في أي وقت)
- يتم عرضه عبر HTTPS.
- يتضمّن بيان تطبيق الويب يتضمّن:
-
short_name
أوname
icons
: يجب أن يتضمّن الرمز 192 بكسل ورمز 512 بكسل.start_url
display
- يجب أن يكون واحدًا منfullscreen
أوstandalone
أوminimal-ui
- يجب ألا يكون
prefer_related_applications
موجودًا، أو أن يكونfalse
-
المتصفحات الأخرى لها معايير مماثلة للتثبيت، على الرغم من أنه قد تكون هناك اختلافات طفيفة. يُرجى الاطّلاع على المواقع الإلكترونية المعنيّة للحصول على التفاصيل الكاملة: