مجددًا في عام 2023، يعمل جميع مورّدي المتصفّحات الرئيسيين والجهات المعنيّة الأخرى معًا لحلّ مشاكل التوافق مع أهم المتصفّحات.
في عام 2023، تعاون جميع مورّدي المتصفّحات الرئيسيين والجهات المعنيّة الأخرى معًا لحلّ أهم مشاكل توافق المتصفّحات. بدأت جهودنا على نطاق واسع في عام 2022، ويمكنك الاطّلاع على ما حققناه معًا في نهاية العام. ويعتقد جميع المعنيين بهذا الأمر أن هذا الإجراء سيساعد في تحسين تجربة مطوّري برامج الويب في كل مكان. هذا العام، أعلنّا للجميع عن عملية إنشاء الاقتراحات للمرة الأولى وحصلنا على العديد من الاقتراحات الرائعة من أُطر العمل والشركات الكبيرة ومورّدي المتصفّحات والمطوّرين في كل مكان.
المجالات التي تركّز عليها منصّة Interop 2023
وهذه المرة، ليس لدينا أقل من 26 مجال تركيز، تم توضيحها بالتفصيل في مستند المشروع. وهي مرتبة أبجديًا في ما يلي:
- صورة الحدود في CSS
- مساحات الألوان والدوال في CSS
- طلبات بحث الحاوية في CSS
- الاحتواء في CSS
- الصفوف الزائفة في CSS
- الخصائص المخصّصة في CSS
- Flexbox
- اكتشاف ميزات الخط ولوحات الألوان
- النماذج
- شبكة
- :has()
- مدة عدم النشاط
- إخفاء الهوية في CSS
- الدوال الحسابية في CSS
- طلبات الوسائط
- الوحدات في عمال الويب
- مسار الحركة في الصور المتحركة في CSS
- لوحة الرسم خارج الشاشة
- أحداث المؤشر والماوس
- URL
- Web Compat لعام 2023: هي منطقة تركّز على الأخطاء الصغيرة التي تتسبب في مشاكل معروفة متعلّقة بتوافق الموقع الإلكتروني.
- برامج ترميز الويب (فيديو)
- مكوّنات الويب
يمكنك الاطّلاع على التفاصيل الكاملة حول جميع المجالات التي يجب التركيز عليها في اختبارات النظام الأساسي للويب استنادًا إلى مستندات الويب MDN، ولكن إليك بعض المجالات التي نعتقد أنّها قد تكون متحمسًا لها.
طلبات البحث عن الحاوية
لطالما كانت طلبات البحث عن الحاويات من أهم الطلبات التي قدّمها المطوّرون على مدار سنوات عديدة، وقد شحنها كل من Chrome وSafari إلى عام 2022. يتوقع Firefox إرسال طلبات البحث عن الحاويات في Firefox 110، وتساعد الاختبارات الخاصة بمجال التركيز هذا في ضمان عمل الطلبات الخاصة بالحاويات بشكل موثوق به على جميع المتصفّحات ووفقًا للمواصفات.
:has(...)
طلب المطوّرون منذ فترة طويلة استخدام أداة الاختيار الرئيسية في CSS. تتيح الفئة الزائفة في :has() العديد من حالات الاستخدام لأدوات الاختيار الرئيسية، بالإضافة إلى اختيار عنصر تابع سابق بالنظر إلى عنصر مرجعي. على سبيل المثال، يجعل هذا من الممكن تصميم شكل له تسمية توضيحية بشكل مختلف عن شكل ليس له. يمكنك الاطّلاع على مزيد من المعلومات حول حالات استخدام has() في :has()، أداة اختيار العائلة.
الخصائص المخصصة
خصائص CSS المخصّصة، والمعروفة أيضًا باسم متغيّرات CSS، تتيح تحديد قيمة مرة واحدة في ورقة أنماط وإعادة استخدام ذلك في عدة أماكن، ما يقلّل من تكرارها. على سبيل المثال، يمكنك تحديد لون أو حجم خط شائع مرة واحدة في ورقة الأنماط واستخدام هذا عبر المكونات. يستمر الدعم الأساسي للخصائص المخصّصة في المتصفحات منذ فترة طويلة. تركّز أداة Interop 2023 على @property في القاعدة. يمثّل @property تسجيل خاصية مخصّصة في ورقة أنماط، ما يسمح بالتحقق من نوع الموقع وضبط القيم التلقائية وما إذا كان يجب على الموقع اكتساب القيم أم لا. اطّلِع على مزيد من المعلومات في @property: منح إمكانات خارقة لمتغيرات CSS.
إخفاء محتوى CSS
يوفر إخفاء CSS طرقًا لتطبيق تأثيرات الصور، كما قد تراه في تطبيق رسومات، باستخدام CSS. كما أن الدعم لخصائص القناع المختلفة غير متقن، مما يجعل من الصعب استخدام القناع أكثر مما ينبغي. سيساعد هذا المجال المطوّرين على استخدام التأثيرات الإبداعية على جميع المتصفّحات بثقة. يمكنك الاطّلاع على مزيد من المعلومات عن تطبيق التأثيرات على الصور من خلال هذه المقالة حول إخفاء الصور.
OffscreenCanvas
يوفّر العنصر <canvas> وCanvas API طريقة قابلة للبرمجة لرسم رسومات على الشاشة. ومع ذلك، يمكن أن يتسبب ذلك في حدوث مشاكل في الأداء حيث يتم إكمال العمل على سلسلة التعليمات نفسها مثل تفاعل المستخدم. توفّر OffscreenCanvas للمطوّرين لوحة منفصلة عن DOM وCanvas API. يمكن للمطوّرين أيضًا تشغيل مهام العرض في Web Worker بشكل منفصل عن سلسلة التعليمات الرئيسية. اطّلِع على مزيد من المعلومات حول مزايا الأداء في OutscreenCanvas.
أحداث المؤشر والماوس
يتم إطلاق أحداث المؤشر عند التفاعل مع صفحة باستخدام ماوس أو قلم أو قلم شاشة أو شاشة تعمل باللمس. يتم إطلاق أحداث الماوس عند استخدام الماوس، ولكن لأسباب تاريخية أيضًا تكون اللمس. يتناول مجال التركيز هذا سلوك تفاعل المؤشر والماوس مع الصفحات، بما في ذلك كيفية تفاعلها مع اختبار النتائج ومناطق التمرير. ويستثني مجال التركيز لعام 2023 اللمس وقلم الشاشة، وذلك بسبب عدم توفّر اختبارات منصة الويب في هذه المنطقة.
WebCodecs
توفر WebCodecs API طرقًا للمطوّرين يمكنهم من خلالها الوصول إلى إطارات الفيديو والمقاطع الصوتية. فهي تتيح الوصول إلى برامج الترميز المتاحة في المتصفح، وواجهات مختلفة للتفاعل معها. تعرض مقالة معالجة الفيديو باستخدام WebCodecs كيفية استخدام واجهة برمجة التطبيقات لفك ترميز إطارات فردية وعرضها على لوحة رسم.
مكوّنات الويب
مكوّنات الويب هو مصطلح جامع لعدد من التقنيات المستخدمة لإنشاء مكونات قابلة لإعادة الاستخدام، مثل العناصر المخصّصة وShadow DOM. سيتم التركيز على تحسين إمكانية التشغيل التفاعلي لهذه التكنولوجيا الأساسية لعام 2023.
لوحة البيانات
تابِع مستوى التقدّم على مدار العام على لوحة بيانات Interop 2023، حيث يمكنك الاطّلاع على النتائج الحالية وحالة التركيز على مجالات التركيز هذه على جميع المحرّكات الرئيسية للمتصفّحات.
يتم احتساب درجات المنطقة محل التركيز بناءً على معدلات اجتياز الاختبار. إذا كانت لديك ملاحظات أو تريد المساهمة في تحسينات على WPT، يُرجى الإبلاغ عن مشكلة لطلب تعديل مجموعة الاختبارات المستخدَمة لتسجيل النتائج.
