Interop 2026: مواصلة تحسين الويب للمطوّرين

Rachel Andrew

تاريخ النشر: 12 فبراير 2026

يسرّنا الإعلان عن إطلاق مبادرة Interop 2026، وهي مبادرة تهدف إلى زيادة إمكانية التشغيل التفاعلي للميزات الرئيسية لمنصة الويب على مختلف المتصفحات. يُدير هذا المشروع فريق من الممثّلين من شركات تقدّم مساهمات كبيرة في محركات عرض المتصفحات، بما في ذلك Apple وGoogle وIgalia وMicrosoft وMozilla. يركّز مشروع Interop 2026 على الميزات التي تحظى بأولوية عالية لدى مطوّري الويب والمستخدمين النهائيين.

تماشيًا مع جهود التشغيل التفاعلي السابقة، سيتم إجراء الاختبارات المحدّدة بشكل مستمر على البنية الأساسية للاختبار الآلي، مع عرض معدّلات النجاح في لوحة بيانات التشغيل التفاعلي 2026.

مجالات التركيز

تشمل مجالات التركيز لعام 2026 العديد من المجالات التي تم تحديدها على أنّها أهم مشاكل التشغيل التفاعلي في استطلاعات "حالة HTML" و"حالة CSS". نتتبّع هذه المشاكل على webstatus.dev. وتظهر العديد من الميزات التي تم تضمينها هذا العام أيضًا ضمن أهم 20 مشكلة تم طلب حلّها في مستودع إشارات المطوّرين.

موضع التثبيت

يظهر في: أهم المشاكل المتعلّقة بالتوافق، إشارات المطوّرين موضع الإعلان الثابت

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

طلبات البحث عن أنماط الحاويات

يظهر في: أهمّ مشاكل التشغيل التفاعلي، وطلبات البحث عن أنماط الحاويات في إشارات المطوّرين

تطبّق طلبات البحث عن أنماط الحاويات أنماطًا على عنصر استنادًا إلى القيم المحسوبة للسمات المخصّصة للحاوية، وذلك باستخدام قاعدة @container @ بالإضافة إلى دالة واحدة أو أكثر من دوال style().

مربّعات الحوار والنوافذ المنبثقة

تظهر في: أهم مشاكل التشغيل التفاعلي، وإشارات المطوّر closedby، وhint

في إطار مبادرة Interop 2026، يركّز العمل على العنصر <dialog> وPopover API على ما يلي:

  • السمة <dialog closedby> التي تضبط إجراءات المستخدم التي تغلق مربع حوار (مثل النقر خارج مربع الحوار)
  • فئة :open CSS الصورية التي تطابق العناصر التي تتضمّن حالات مفتوحة
  • السمة popover="hint" العامة، التي تنشئ عنصرًا منبثقًا تابعًا لعناصر منبثقة تلقائية أخرى، وهي مفيدة للتلميحات.

الصور المتحركة المستندة إلى التمرير

يظهر في: أهم مشاكل التوافق

ويشمل ذلك خصائص CSS‏ animation-timeline وscroll-timeline وview-timeline التي تقدّم الرسوم المتحركة استنادًا إلى موضع التمرير لدى المستخدم.

عمليات نقل العرض

تظهر في: أبرز مشاكل التشغيل التفاعلي، وإشارات المطوّرين انتقالات العرض بين المستندات

أتاحت مبادرة Interop 2025 إمكانية الانتقال بين طرق عرض المستند نفسه في Baseline Newly. في إطار مبادرة Interop 2026، يركّز العمل على عمليات انتقال العرض على ما يلي:

  • تحسين انتقالات العرض نفسها في المستند
  • السمة blocking="render" الخاصة بـ <link> و<script> و<style>
  • السمة <link rel="expect">
  • الفئة الصورية :active-view-transition-type() في CSS
  • انتقالات العرض بين المستندات

دالة attr() في CSS

تظهر في إشارات المطوّرين attr()

تعرض دالة attr() CSS قيمة سمة عنصر HTML، مع خيار عرض هذه القيمة كنوع معيّن أو بوحدة معيّنة.

بالإضافة إلى هذه الميزات الرئيسية التي أشرت إليها في الاستطلاعات، يتضمّن مشروع Interop 2026 ما يلي:

دالة contrast-color() في CSS

تختار دالة contrast-color() CSS لونًا يضمن التباين مع لون مقدّمة أو خلفية محدّد.

أهم اللحظات المخصّصة

تتيح لك ميزة "التمييز المخصّص" تنسيق نطاقات نصية عشوائية بدون إضافة عناصر إضافية إلى نموذج المستند (DOM).

جلب عمليات التحميل والنطاقات

يركّز العمل على طريقة fetch() على ReadableStream في النص الأساسي لبث البيانات إلى الخادم، مع إتاحة FormData وأنواع الوسائط للطلبات والردود، وإتاحة العنوان Range.

IndexedDB

يستهدف مجال التركيز IndexedDB طُرق getAllRecords() في IDBObjectStore وIDBIndex. تسرّع هذه الطرق عمليات القراءة على مجموعات البيانات الكبيرة من خلال عرض السجلات ومفاتيحها الأساسية على شكل دفعات.

JSPI for Wasm

تتيح واجهة برمجة التطبيقات JavaScript Promise Integration API (JSPI) لتطبيقات WebAssembly التي تتوقّع الوصول المتزامن إلى وظائف خارجية العمل في بيئة تكون فيها هذه الوظائف غير متزامنة.

فئات الوسائط الزائفة

تتضمّن هذه المنطقة فئات CSS الزائفة :playing و:paused و:seeking و:buffering و:stalled و:muted و:volume-locked التي تتطابق مع العنصرَين <audio> و<video> استنادًا إلى حالتهما.

سيركّز العمل هذا العام على مواصلة تحسين إمكانية التشغيل التفاعلي لواجهة Navigation API، وعلى الخيار precommitHandler الذي يتيح navigateEvent.intercept()، ما يؤجّل عملية التنفيذ إلى أن يحلّ المعالج المشكلة.

عمليات تسجيل العناصر المخصّصة ذات النطاق المحدود

ينشئ الدالة الإنشائية CustomElementRegistry() سجلّ عناصر مخصّصة جديدًا منفصلاً عن السجلّ العام، ما يتيح وجود عناصر مخصّصة متعدّدة تحمل اسم العلامة نفسه.

محاذاة مواضع التمرير

يغطّي مجال التركيز هذا ميزة "محاذاة التمرير السريع" في CSS، التي تتحكّم في سلوك التحريك والتمرير داخل حاوية قابلة للتمرير.

دالة shape() في CSS

تنشئ دالة shape() CSS أشكالاً باستخدام أوامر مثل line وmove وcurve، ويمكن استخدامها مع clip-path وshape-outside.

توافق الويب

يستهدف هذا المجال مشاكل محدّدة في التشغيل التفاعلي تؤدي إلى مشاكل واقعية، بما في ذلك:

  • جارٍ تحميل وحدة ESM.
  • توقيت أحداث التمرير مقارنةً بأحداث الرسوم المتحركة
  • إزالة البادئة من السمة -webkit-user-select

WebRTC

في إطار مبادرة Interop 2026، ينصبّ التركيز على إصلاح الاختبارات المتبقية التي لم تجتَز منطقة التركيز في مبادرة Interop 2025، ومواصلة تحسين إمكانية التشغيل التفاعلي لـ WebRTC.

‫WebTransport API

تغطّي هذه المنطقة واجهة برمجة التطبيقات WebTransport، التي تنقل البيانات بين العميل والخادم باستخدام بروتوكول HTTP/3.

خاصية zoom في CSS

استكمالاً لمبادرة Interop 2025، يركّز هذا المجال على سمة zoom في CSS، والتي تعمل على تغيير حجم العنصر وتؤثر في تخطيط الصفحة.

جهود التحقيق

يتضمّن مشروع Interop 2026 أيضًا جهودًا استقصائية لإعداد الميزات المستقبلية للاختبار والعمل على إمكانية التشغيل التفاعلي:

  • اختبار تسهيل الاستخدام: نعمل على إنشاء أشجار تسهيل استخدام متسقة على جميع المتصفّحات وتحسين البنية الأساسية لـ WPT.
  • JPEG XL: التركيز على إتاحة اختبار تنسيق الصور JPEG XL، بما في ذلك تحديد متطلبات العرض التدريجي
  • اختبار الأجهزة الجوّالة: تحسين البنية الأساسية لأداة WebPageTest لاختبار الميزات الخاصة بالأجهزة الجوّالة، مثل التغييرات الديناميكية في إطار العرض
  • WebVTT: إصلاح الاختبارات وتعديل المستندات لتحسين فهم معيار التوافق

تتبُّع مستوى التقدّم حتى عام 2026

يمكنك متابعة المشروع على لوحة بيانات Interop 2026.

إشعارات أخرى