منتشر شده: ۱۲ فوریه ۲۰۲۶
ما مفتخریم که Interop 2026 را اعلام کنیم، تلاشی برای افزایش قابلیت همکاری ویژگیهای کلیدی پلتفرم وب در مرورگرهای مختلف. Interop 2026 که توسط تیمی از نمایندگان شرکتهایی که سهم قابل توجهی در موتورهای رندر مرورگر دارند - از جمله اپل، گوگل، ایگالیا، مایکروسافت و موزیلا - اجرا میشود، بر ویژگیهایی تمرکز دارد که برای توسعهدهندگان وب و کاربران نهایی از اولویت بالایی برخوردارند.
مطابق با تلاشهای قبلی Interop، آزمونهای منتخب به طور مداوم بر روی زیرساختهای آزمون خودکار اجرا خواهند شد و نرخ قبولی در داشبورد Interop 2026 نمایش داده میشود.
حوزههای تمرکز
حوزههای تمرکز برای سال ۲۰۲۶ شامل چندین حوزه است که به عنوان مسائل برتر تعامل در نظرسنجیهای وضعیت HTML و وضعیت CSS شناسایی شدهاند. ما این مسائل را در webstatus.dev پیگیری میکنیم. بسیاری از ویژگیهای موجود در این سال، در ۲۰ مسئله برتر درخواستی در مخزن سیگنالهای توسعهدهندگان نیز ظاهر میشوند.
موقعیت یابی لنگر
ظاهر میشود در: مشکلات برتر تعامل، توسعهدهنده از موقعیتیابی لنگر خبر میدهد
موقعیتیابی لنگر به شما امکان میدهد یک عنصر را بر اساس موقعیت عنصر دیگری قرار دهید، مانند قرار دادن یک راهنمای ابزار در کنار محتوایی که به آن ارجاع میدهد. این حوزه تمرکز از Interop 2025 ادامه دارد و فقط شامل تستهای سال 2025 میشود.
کوئریهای سبک کانتینر
ظاهر میشود در: مشکلات برتر تعامل، توسعهدهنده از پرسوجوهای سبک کانتینر خبر میدهد
کوئریهای استایل کانتینر، استایلها را بر اساس مقادیر محاسبهشدهی ویژگیهای سفارشی کانتینر، با استفاده از @container at-rule به همراه یک یا چند تابع style() به یک عنصر اعمال میکنند.
دیالوگها و پاپاوورها
ظاهر میشود در: مشکلات اصلی تعامل، سیگنالهای توسعهدهنده مبنی بر بسته شدن توسط ، اشاره
برای Interop 2026، روی عنصر <dialog> کار کنید و API مربوط به Popover روی موارد زیر تمرکز دارد:
- ویژگی
<dialog closedby>که اقدامات کاربر برای بستن یک کادر محاورهای را تنظیم میکند (برای مثال، کلیک کردن در خارج از کادر محاورهای). - شبه کلاس
:openدر CSS، که با عناصری که حالت باز دارند، مطابقت دارد. - ویژگی سراسری
popover="hint"که یک popover تابع سایر popoverهای خودکار ایجاد میکند و برای tooltipها مفید است.
انیمیشنهای اسکرولمحور
ظاهر میشود در: مشکلات برتر تعامل
این شامل ویژگیهای CSS مربوط به animation-timeline ، scroll-timeline و view-timeline میشود که انیمیشنها را بر اساس موقعیت اسکرول کاربر پیش میبرند.
مشاهده انتقالها
ظاهر میشود در: مشکلات اصلی تعامل، سیگنالهای توسعهدهندگان
Interop 2025 انتقال نمای سند یکسان را به Baseline آورد که به تازگی در دسترس قرار گرفته است. برای Interop 2026، کار انتقال نما بر موارد زیر متمرکز است:
- بهبود انتقال نمایش سند یکسان.
- ویژگی
blocking="render"برای<link>،<script>و<style>. - ویژگی
<link rel="expect">. - شبه کلاس CSS
:active-view-transition-type(). - انتقال نمای بین اسنادی.
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 برای Wasm
API یکپارچهسازی Promise جاوااسکریپت (JSPI) به برنامههای Wasm که انتظار دسترسی همزمان به قابلیتهای خارجی را دارند، اجازه میدهد در محیطی کار کنند که آن قابلیت به صورت غیرهمزمان است.
شبهکلاسهای رسانهای
این ناحیه شامل شبه کلاسهای CSS :playing ، :paused ، :seeking ، :buffering ، :stalled ، :muted و :volume-locked است که عناصر <audio> و <video> را بر اساس وضعیتشان تطبیق میدهند.
API ناوبری
امسال، تمرکز کار بر ادامهی بهبود قابلیت همکاری Navigation API و گزینهی precommitHandler برای navigateEvent.intercept() خواهد بود که کامیت را تا زمان حل شدن یک هندلر به تعویق میاندازد.
ثبتهای عناصر سفارشیِ محدود شده
سازندهی CustomElementRegistry() یک رجیستری عنصر سفارشی جدید جدا از رجیستری سراسری ایجاد میکند و به چندین عنصر سفارشی با نام تگ یکسان اجازه میدهد تا در کنار هم وجود داشته باشند.
اسکرول اسنپ
این حوزه تمرکز، اسکرول اسنپ در CSS را پوشش میدهد که رفتار پیمایش و حرکت افقی را در یک ظرف اسکرول کنترل میکند.
shape() در CSS
shape() در CSS با استفاده از دستوراتی مانند line، move و curve شکل ایجاد میکند و میتواند با clip-path و shape-outside مورد استفاده قرار گیرد.
سازگاری وب
این حوزه، مسائل مربوط به قابلیت همکاری خاص را که باعث مشکلات دنیای واقعی میشوند، هدف قرار میدهد، از جمله:
- بارگذاری ماژول ESM.
- زمانبندی رویدادهای اسکرول نسبت به رویدادهای انیمیشن.
- حذف پیشوند ویژگی
-webkit-user-select.
وبآرتیسی
برای Interop 2026، تمرکز کار بر روی رفع تستهای ناموفق باقیمانده از حوزه تمرکز Interop 2025 و ادامه بهبود قابلیت همکاری WebRTC است.
API وب ترانسپورت
این بخش، WebTransport API را پوشش میدهد که دادهها را بین کلاینت و سرور با استفاده از پروتکل HTTP/3 منتقل میکند.
ویژگی zoom CSS
در ادامه Interop 2025، این بخش بر ویژگی zoom در CSS تمرکز دارد که اندازه یک عنصر را تغییر میدهد و بر طرحبندی صفحه تأثیر میگذارد.
تلاشهای تحقیقاتی
Interop 2026 همچنین شامل تلاشهای تحقیقاتی برای آمادهسازی ویژگیهای آینده برای آزمایش و کار بر روی قابلیت همکاری است:
- آزمایش دسترسیپذیری: تلاش برای ایجاد درختهای دسترسیپذیری سازگار در مرورگرها و بهبود زیرساخت WPT.
- JPEG XL: تمرکز بر قابل آزمایش کردن فرمت تصویر JPEG XL، از جمله تعریف الزامات برای رندرینگ تدریجی.
- آزمایش موبایل: بهبود زیرساخت WPT برای آزمایش ویژگیهای خاص موبایل مانند تغییرات پویای نمای دید.
- WebVTT: اصلاح تستها و بهروزرسانی مستندات برای بهبود درک انطباق با استانداردها.
پیگیری پیشرفت تا سال ۲۰۲۶
پروژه را در داشبورد Interop 2026 دنبال کنید.