PWAs على iOS 15: تحسينات؟ [تحديث iOS 15.4]

تدعي شركة Apple أن نظام التشغيل iOS 15 يوفر طريقة أفضل للبقاء على اتصال والتركيز والاستكشاف من خلال قائمته المهمة من الميزات الجديدة. ومع ذلك ، هل هناك أي شيء يمكن أن يجعل حياة مطور PWA أسهل؟ سنستكشف جميع التغييرات الأكبر ، الخيبة ، جنبًا إلى جنب مع بعض الأخبار الشيقة في هذه المقالة.

كل التحسينات لـ PWA

[iOS 15.4] التحميل المسبق للملاحة لعامل الخدمة

يطرح iOS 15.4 بعض التحسينات الجديدة للعاملين في الخدمة بما في ذلك التحميل المسبق للملاحة والمزيد من الدعم للملفات التي ينشئها عامل الخدمة.

في بعض الحالات ، يمكن أن يؤدي تشغيل عامل الخدمة إلى زيادة وقت استجابة الشبكة. يطالب التحميل المسبق الملاحي طلبات الشبكة أثناء وقت تشغيل عامل الخدمة ، مما يساعد في أداء PWA.

[iOS 15.4] بيان تطبيق الويب المحسن: الرموز والمزيد

أخبار جيدة! بعد انتظار طويل الأمد ، يمكن لمطوري PWA أخيرًا تنفيذ تطبيق الويب على iOS 15.4 بأيقونة مناسبة. إذا لم يتم تحديد رمز apple-touch-touch في ملف تطبيق الويب ، فسيتم تعيين رمز Web App Manifest افتراضيًا.

ومع ذلك ، فإن الدعم ليس كاملا حتى الآن. لا تزال هناك بعض الأخطاء الطفيفة التي تؤثر على التجربة لكل من المستخدمين والمطورين مثل:

• يقتصر شكل وتنسيق الرموز على PNG مربعة فقط.
• يتم تغيير حجم الرموز تلقائيًا إذا لم تتطابق مع أحجام iOS المحددة مسبقًا (أجهزة iPad - 152 × 152 و 167 × 167 ، أجهزة iPhone - 120 × 120 و 180 × 180)
• لا تظهر الرموز عند فتح ورقة المشاركة ، ولكنها تظهر في النهاية عندما تختار إضافة إلى الشاشة الرئيسية.
• سيكون للأيقونات الشفافة خلفية إما سوداء أو بيضاء.

علاوة على ذلك ، في الإصدارات السابقة ، لا يتم جلب بيان تطبيق الويب إلا عندما يختار المستخدمون " إضافة إلى الشاشة الرئيسية ". بالنسبة لنظام التشغيل iOS 15.4 ، يتم الآن تحليل الملف وتحميله عندما يتم تحميل الصفحة بالفعل. نتيجة لذلك ، يمكنك تطبيق لون النسق مباشرة على تحميل الصفحة ، مما يجعل PWAs أكثر موثوقية.

[iOS15.4] إخطارات دفع الويب

عند كتابة مقال لـ PWA iOS 15 في العام الماضي ، نشارك بعض الأدلة حول كيفية ظهور إشعارات الدفع على الويب وتخمين ما يحدث ، يحدث أخيرًا.

تمامًا مثل أيقونات بيان تطبيق الويب ، لا تزال هناك بعض المضايقات المتعلقة بالدفع عبر الويب. على سبيل المثال ، يتم تعطيله افتراضيًا ، لذلك يجب أن يعرفه الأشخاص أولاً لاستخدامه. أيضًا ، يجد بعض مطوري PWA أنه من المستحيل استخدام Web Push API لطلب أذونات الإخطار على الرغم من وجود خيارات لها.

ومع ذلك ، فهي أخبار تستحق الاحتفال. ما الأفضل؟ أعلنت Web Kit عن دعم Web Push في Safari 16 على macOS Ventura. وفقًا لمضايقتهم ، قد يكون Web Push متاحًا على iOS و iPadOS في عام 2023.

دعم لون الموضوع

في حين أن حالة الدعم لبيان تطبيق الويب لا تزال "دعم جزئي" ، فقد قام Safari 15 الآن بتمكين لون السمات رسميًا في علامات HTML الوصفية وبيان الويب . لذا يمكنك الآن إجراء تغييرات على الألوان في شريط الحالة ومنطقة التمرير الزائد ، والتي يمكن أيضًا تطبيقها على شريط علامات التبويب وألوان الخلفية التمرير الزائد في تخطيط Safari 15 Compact Tab على Ipad OS 15 و Big Sur و MacOS Monterey .

علاوة على ذلك ، باستخدام سمة الوسائط ، يمكنك أيضًا تمكين الوضع الداكن / الفاتح لتطبيق الويب التقدمي على Safari 15.

 <meta name = "theme-color" content = "# ecd96f" media = "(يفضل نظام الألوان: الضوء)">
<meta name = "theme-color" content = "# 0b3e05" media = "(يفضل نظام الألوان: غامق)">

WebGL (مكتبة رسومات الويب) المحسنة وواجهة برمجة تطبيقات Web-Share

يشهد iOS 15 ترقية من WebGL 1 إلى WebGL2. تم إثبات أن WebGL 2 يعد تحسينًا مهمًا أسرع بكثير ، ويوفر نسيجًا أكثر بكثير من WebGL بالإضافة إلى العديد من المزايا الأخرى.

بالإضافة إلى ذلك ، يتضمن Safari 15 دعمًا لـ Web Share level 2 ، والذي يمهد الطريق للمطورين لتبادل الملفات بشكل فعال من المتصفح إلى التطبيقات باستخدام حوار المشاركة الأصلي. حاليًا ، يدعم الصور والفيديو والصوت والملفات النصية والمزيد.

يسمح هذا التغيير ، على سبيل المثال ، للمستخدمين بمشاركة الصور مباشرة من صفحات PWA إلى تطبيقات Twitter الخاصة بهم دون خطوات إضافية لحفظ الصور في المكتبة وإعادة التحميل.

واجهة برمجة تطبيقات جلسة وسائط أفضل

توفر واجهة برمجة تطبيقات جلسة الوسائط مزيدًا من البيانات وعناصر التحكم في التشغيل ، وبالتالي ، ترفع تجربة الوسائط إلى مستوى أعلى. من iOS 15 ، يمكن للمستخدمين الوصول إلى بطاقة NOW PLAY من Control Central وشاشة القفل بالإضافة إلى شريط قوائم MacOS Monterey والتحكم في بعض خيارات التشغيل البسيطة. علاوة على ذلك ، توفر جلسة الوسائط الجديدة تجربة SharePlay ، والتي تتيح مشاهدة الأفلام والاستماع إلى الموسيقى مع أصدقائك عبر Facetime. يمكن أن تكون هذه أخبارًا جيدة لتطبيقات البودكاست المستندة إلى الويب.

دعم صوت WebM لمتصفح Safari ، ودعم WebM / VP9 لأجهزة Ipad

WebM هي تقنية دفق فيديو ويب مفتوحة المصدر وخالية من حقوق الملكية. بعد تقديم WebM Image لأول مرة في iOS 14 ، تدعم Apple الآن حاويات WebM لبرنامج ترميز الصوت في Safari 15. علاوة على ذلك ، يمكن للمستخدمين الآن دفق مقاطع فيديو WebM / VP9 على IpadOS15.

يعد هذا التحديث بالدعم الكامل لـ WebM في المستقبل القريب ويمكننا أن نتوقع أن يتوفر فيديو WebM على Safari المحمول قريبًا. نتيجة لذلك ، سيكون لدى مالكي PWA المزيد من الخيارات لعرض وسائط الفيديو الخاصة بهم لتقديم تجارب مستخدم أفضل.

دعم وحدة ES6 في عامل الخدمة

يمثل ES6 أول وحدة مضمنة في JavaScript ، ويوفر بنية صلبة يسهل التعامل معها وصيانتها وتوسيع نطاقها وتغليفها. مع وصول وحدة ES6 الجديدة إلى Service Worker ، يمكن للمطورين الآن تحسين الأداء وتمكين الوصول دون اتصال لنظام iOS PWA بطريقة أكثر تنظيماً. نتيجة لذلك ، من السهل التوسع بسرعة وزيادة وظائف PWA لتلبية متطلبات السوق عند الحاجة.

أبسط تعدد المهام لأجهزة iPad

أجرى iOS 15 بعض التحسينات للحصول على تجربة متعددة المهام أكثر سهولة على iPad مع الاحتفاظ بما نجح من قبل. على سبيل المثال ، هناك علامة تبويب جديدة ثلاثية النقاط تمثل قائمة المهام المتعددة في الجزء العلوي من الشاشة والتي ستجعل التطبيق في وضع ملء الشاشة أو تقسيم الشاشة أو الانزلاق. إلى جانب ذلك ، يتم تقديم نافذة تحوم في المنتصف في SplitScreen ، حيث يمكنك فتح نافذة في الجزء العلوي من تطبيقات الشاشة المنقسمة ، ثم إرسالها إلى Slider Over أو Split View أو Full Screen.

علاوة على ذلك ، فإن اختصار لوحة مفاتيح جديد وواجهة مستخدم جديدة متعددة المهام تعرض جميع التطبيقات (بما في ذلك تلك الموجودة في Slide Over) تستحق الذكر بسرعة.

حتى الآن بعيدًا عن المراجعات ، يبدو أن الترقية الجديدة على Ipad multitasking للويب و PWA قد تلقت ردود فعل إيجابية لتكون أكثر سهولة في الاستخدام من iOS 14.

مقطع تطبيق جديد - تحديث ملحوظ آخر

لقد ذكرنا مقطع التطبيق في غلاف PWA iOS 14 الخاص بنا كشيء يمكن توقعه لـ PWAs القابلة للتثبيت مثل Android. فكيف هي الآن؟

يمكن الآن دمج App Clip مع مواقع الويب ، ونتيجة لذلك ، يتم عرضه في Safari. تسمح البطاقة للمستخدمين بإنهاء مهامهم الأولية مثل طلب الطعام واستئجار دراجة ثم تطالبهم بتثبيت التطبيقات الأصلية على متجر التطبيقات. يقطع التغيير الجديد بعض الخطوات الإضافية لنظام iOS 14 لاكتشاف مقاطع التطبيق داخل صفحة الويب وتطبيقات الجهات الخارجية.

لسوء الحظ ، لا يوجد حتى الآن مشهد لافتات تثبيت PWA. هل ستجعل Apple مقاطع التطبيق متوافقة مع PWA؟ أم أنهم يحاولون إنشاء نسخة PWA خاصة بهم؟ أو ربما لا ترتبط مقاطع التطبيق و PWAs على الإطلاق؟ الجواب لا يزال في المستقبل.

لم يتم تناول قيود رئيسية

من المؤكد أن إصدارات iOS 15 الجديدة تجلب بعض خيبات الأمل لتطورات PWA كما هو واضح ، ما نبحث عنه لا يزال بعيدًا عن الطاولة. لا يزال العمل شاقًا إلى حد كبير لتطبيق PWA على iOS 15 دون توفر هذه الميزات:

• مزامنة الخلفية
• دفع الويب
• قبل تثبيت موجه وتثبيت لافتة
• صوت الخلفية لـ PWAs

علاوة على ذلك ، لا يوجد إصلاح لبعض النقاط السيئة التي ذكرناها في مقالة iOS 14 أيضًا.

• لا يوجد رمز PWA في مكتبة التطبيقات
• لم يتم إجراء الكثير من التغييرات على دعم بيان تطبيق الويب (إلى جانب ألوان النسق)
• لا يزال شريط الحالة black black-translucent فقط.
• ميزة كبيرة تقييد على متصفحات الويب الأخرى

يبعد

يوجد لديك كل شيء لدى iOS15 لـ PWA. في حين أن معظم التغييرات في الإصدار 15 طفيفة ، فإن iOS 15.4 مع Web Push والمزيد من دعم Web App Manifest يفتحان مستقبلًا أكثر إشراقًا لـ PWA على iOS. مع إصدار الإصدار التجريبي من نظام التشغيل iOS 16 في سبتمبر 2022 ، دعونا نأمل في حدوث بعض التغييرات الأكثر أهمية في المستقبل.