الاستمرار في تحسين الويب للمطورين | مدونة | web.dev

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

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

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

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

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

تحديد المواقع مرساة

يظهر في: أهم مشكلات التشغيل المتداخل، يشير المطور إلى موضع الارتساء

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

استعلامات نمط الحاوية

يظهر في: أهم مشكلات التشغيل المتداخل، ويشير المطور إلى استعلامات نمط الحاوية

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

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

يظهر في: أهم مشكلات التشغيل المتداخل، إشارات المطور مغلقة بواسطة، تلميح

بالنسبة لـ Interop 2026، اعمل على <dialog> يركز العنصر وPopover API على:

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

الرسوم المتحركة التي تعتمد على التمرير

يظهر في: أهم مشكلات التشغيل المتداخل

وهذا يشمل animation-timeline, scroll-timeline، و view-timeline خصائص CSS، التي تقدم الرسوم المتحركة بناءً على موضع تمرير المستخدم.

عرض التحولات

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

جلب Interop 2025 انتقالات عرض المستند نفسه إلى Baseline المتوفر حديثًا. بالنسبة لـ 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 header.

مفهرسةDB

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

JSPI لـ Wasm

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

وسائل الإعلام الطبقات الزائفة

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

واجهة برمجة تطبيقات الملاحة

هذا العام، سيركز العمل على مواصلة تحسين إمكانية التشغيل البيني لواجهة برمجة تطبيقات الملاحة، وعلى precommitHandler خيار ل navigateEvent.intercept()، الذي يؤجل الالتزام حتى يتم حل المعالج.

سجلات العناصر المخصصة ذات النطاق

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

انتقل المفاجئة

تغطي منطقة التركيز هذه أداة التمرير CSS، التي تتحكم في سلوك التحريك والتمرير داخل حاوية التمرير.

ال shape() وظيفة CSS

ال shape() تقوم وظيفة CSS بإنشاء أشكال باستخدام أوامر مثل الخط والنقل والمنحنى، ويمكن استخدامها معها clip-path و shape-outside.

توافق الويب

تستهدف هذه المنطقة مشكلات محددة تتعلق بقابلية التشغيل البيني والتي تسبب مشكلات في العالم الحقيقي، بما في ذلك:

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

WebRTC

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

واجهة برمجة تطبيقات WebTransport

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

ال zoom خاصية CSS

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

جهود التحقيق

يتضمن Interop 2026 أيضًا جهود التحقيق لإعداد الميزات المستقبلية للاختبار وقابلية التشغيل البيني:

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

تتبع التقدم حتى عام 2026

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

إعلانات أخرى