يوفّر Interop 2024 المزيد من الميزات في Baseline

تاريخ النشر: 22 كانون الثاني (يناير) 2025

مع اقتراب موعد انتهاء Interop 2024، نلقي نظرة في هذه المشاركة على تضاعف مشاركة مشاريعنا في Interop مقارنةً بالعام الماضي، ما يجعله عامًا قياسيًا. في النهاية، سجّلت جميع المتصفّحات التجريبية علامة 99، ولم تكن الإصدارات الثابتة متأخرة كثيرًا. ويعني هذا النجاح أنّه أصبح الآن بإمكانك استخدام عدد من الميزات في "الميزات الأساسية".

جميع المتصفّحات التي حصلت على تقييم 99
لوحة بيانات Interop 2024 (اعتبارًا من 22 كانون الثاني (يناير) 2025)

ميزات إضافية في "الخطّة الأساسية"

لكي تكون الميزة متاحة في "الميزات الأساسية" حديثًا، يجب أن تكون قابلة للتشغيل التفاعلي. ليس من المفاجئ بالتالي أنّ Interop 2024 ساعد في توفير عدد من الميزات التي تتجاوز هذا الحدّ وBaseline 2024.

الخصائص المخصّصة المسجّلة

أصبحت قاعدة @property وطريقة CSS.registerProperty() الثابتة أساسية أصبحا متاحَين حديثًا في تموز (يوليو) 2024.

سمة font-size-adjust

تحافظ سمة CSS‏ font-size-adjust على حجم النص الظاهر، بغض النظر عن الخط المستخدَم، وذلك من خلال تكبير الخطوط إلى الحجم نفسه بالنسبة إلى قياس معيّن، مثل ارتفاع الحرف x. ويمكن أن يساعد ذلك في جعل الخطوط الاحتياطية تظهر بالحجم نفسه. وأصبح متاحًا في Baseline حديثًا في تموز (يوليو) 2024.

طريقة requestVideoFrameCallback() في <video>

تُحدِّد طريقة requestVideoFrameCallback() لـ <video> جدولاً زمنيًا لدالة يتم تنفيذها مع الإطار التالي من الفيديو. يشبه هذا الرمز requestAnimationFrame()، ولكنه مخصّص للفيديوهات، وأصبح متاحًا مؤخرًا في تشرين الأول (أكتوبر) 2024.

تصميم شريط التمرير باستخدام scrollbar-width وscrollbar-gutter

تُستخدَم سمة scrollbar-width في CSS لضبط عرض شريط التمرير، وscrollbar-gutter لحجز مساحة له، ما يمنع التغيُّرات غير المرغوب فيها في التنسيق عند ظهور شريط التمرير واختفائه. وأصبحت هذه الميزة متاحة في Baseline حديثًا في ديسمبر (كانون الأول) 2024.

سمة transition-behavior

يسمح إعلان CSS‏ transition-behavior: allow-discrete بالانتقالات لسماتهم التي يكون سلوكها المتحرك منفصلاً. لا يمكن تضمين هذه الخصائص وتبديلها من قيمتها الأساسية إلى قيمتها النهائية بنسبة %50. أصبح هذا الموقع متاحًا للاستخدام في "البيانات الأساسية" في آب (أغسطس) 2024.

text-wrap: balance

تضبط خاصية CSS‏ text-wrap كيفية تقسيم الأسطر في النص الذي يتجاوز حجمه الحاوية. وهو اختصار لـ text-wrap-style وtext-wrap-mode. تتيح لك قيمة balance إنشاء عناوين متوازنة ومقاطع قصيرة أخرى من النص. أصبح موقع text-wrap متاحًا للاستخدام كخط أساس جديد في آذار (مارس) 2024.

نافذة منبثقة

تتيح لك النافذة المنبثقة إنشاء تراكبات بشكل صريح باستخدام HTML أو باستخدام الطريقة showPopover(). كادت هذه الميزة أن تصل إلى المستوى الأساسي "الميزات الجديدة"، وكنا نعتقد في الواقع أنّها قد وصلت إليه، ولكن بسبب مشكلة في تنفيذ Safari، لم تصل إلى المستوى الأساسي "الميزات الجديدة" في عام 2024. والخبر السار هو أنّه تم حلّ المشكلة في الإصدار التجريبي الحالي من Safari 18.3، لذا سنتمكن قريبًا من الإعلان بشكل صحيح عن أنّ نوافذ المنبثقة أصبحت متاحة كخيار أساسي.

إصلاحات على ميزات "الأداء الأساسي"

كانت هناك ميزات مضمّنة في Interop 2024 تم تصنيفها سابقًا على أنّها قاعدة أساسية متاحة حديثًا، وكان العمل على إصلاح بعض الاختلافات الصغيرة في التنفيذ. قد تكون هذه المشاكل نادرة الحدوث، ولكن يمكن أن تُحدث التغييرات الصغيرة فرقًا كبيرًا إذا واجهتها.

تداخل CSS

يتيح تداخل CSS استخدام عناصر اختيار أقصر وقراءة أسهل ومزيدًا من الوحدات من خلال تداخل القواعد داخل قواعد أخرى. أصبح هذا الإصدار متاحًا للجميع في كانون الأول (ديسمبر) 2023، وتم تضمينه في Interop 2024 لحلّ بعض المشاكل العالقة في إمكانية التشغيل التفاعلي.

نموذج Shadow DOM التعريفي

تُنشئ سمة shadowrootmode في <template> جذرًا شبيهًا بدون استخدام JavaScript. وهو بديل تعريفي لطريقة attachShadow() .

ستتوفّر قريبًا Interop 2025

يتم حاليًا وضع اللمسات الأخيرة على العروض المقترَحة لـ Interop 2025، ونحن متحمّسون لتعزيز كل نجاحنا هذا العام. يُرجى الانتظار إلى شهر شباط (فبراير) لمعرفة الميزات المضمّنة. لمتابعة آخر الميزات التي يتم طرحها في Baseline، يمكنك الاطّلاع على سلسلة مقالات الميزات الجديدة المتوفّرة في Baseline على web.dev.