اینتروپ 2024

به دنبال موفقیت Interop 2022 و Interop 2023 ، ما از فرصتی برای همکاری مجدد با همه فروشندگان کلیدی مرورگرها و سایر ذینفعان مرتبط هیجان‌زده هستیم. هدف مشترک ما افزایش قابلیت همکاری بین پلتفرم های وب است، در نتیجه کار توسعه دهندگان را ساده می کند و تجربه کلی را برای کاربران اینترنت غنی می کند.

Interop، در هسته خود، مجموعه ای جامع از آزمایش ها و معیارهایی است که برای ارزیابی انطباق مرورگرهای فردی بر اساس تعهد مشترک ما به استانداردهای وب طراحی شده است. در نهایت، اینتروپ در تلاش است تا تناقضات بین مرورگرها را از بین ببرد و دیدگاهی واحد را در صنعت تقویت کند.

برای Interop 2024، یک فرآیند پیشنهاد عمومی برای تهیه لیست اولیه ویژگی ها وجود داشت. از این فهرست، همه طرف‌ها با یکدیگر همکاری کرده‌اند تا فهرست مناطق تمرکز را برای سال 2024 ایجاد کنند. فهرست زیر شامل حوزه‌هایی است که امیدواریم تا پایان سال شاهد گذراندن 100 درصد آزمون‌های انتخابی باشیم.

همه حوزه های تمرکز برای سال 2024

Interop 2024 شامل 12 حوزه تمرکز جدید، به علاوه 5 مورد از سال 2023 با برخی اصلاحات هنوز انجام شده است. مناطق عبارتند از:

  • دسترسی
  • CSS Nesting
  • ویژگی های سفارشی
  • Shadow DOM اعلامی
  • اندازه فونت تنظیم
  • URL های HTTPS برای WebSocket
  • IndexedDB
  • چیدمان
  • رویدادهای اشاره گر و ماوس
  • پاپاور
  • نحو نسبی رنگ
  • requestVideoFrameCallback
  • استایل نوار پیمایش
  • @Starting-style و Transition-Behavior
  • جهت گیری متن
  • text-wrap: تعادل
  • URL

برای مشاهده جزئیات همه مناطق فوکوس، از داشبورد Interop 2024 بازدید کنید، جایی که جزئیات ویژگی‌ها و کارهای مورد نیاز به همراه امتیازهای فعلی برای هر مرورگر نشان داده می‌شود. در ادامه این مقاله، می توانید در مورد برخی از زمینه هایی که کروم برای رسیدن به 100% باید بیشترین کار را انجام دهد، آشنا شوید.

لانه سازی

ماژول تودرتوی CSS یک نحو برای انتخابگرهای تودرتو تعریف می‌کند، که این امکان را فراهم می‌کند که یک قانون سبک را در داخل دیگری قرار دهد، با انتخاب‌کننده قانون فرزند نسبت به انتخاب‌کننده قانون والد.

تودرتوی CSS با پیش پردازنده های CSS مانند Sass متفاوت است زیرا توسط مرورگر تجزیه می شود نه اینکه توسط یک پیش پردازنده CSS از پیش کامپایل شود.

تودرتوی CSS به خوانایی، مدولار بودن و قابلیت نگهداری شیوه نامه های CSS کمک می کند. همچنین به طور بالقوه به کاهش اندازه فایل‌های CSS کمک می‌کند و در نتیجه میزان داده‌های دانلود شده توسط کاربران را کاهش می‌دهد.

در حالی که همه مرورگرها از CSS Nesting پشتیبانی می کنند، به دلیل تغییرات در مشخصات، تفاوت هایی در پیاده سازی ها وجود دارد. در طول Interop 2024، هدف این است که اطمینان حاصل شود که همه مرورگرها از مشخصات فعلی پیروی می کنند.

درباره CSS Nesting بیشتر بیاموزید و یک به‌روزرسانی کلیدی برای مشخصات پیدا کنید که امکان تودرتو کردن نام تگ عناصر خالی را فراهم می‌کند.

text-wrap: تعادل

مقدار تعادل ویژگی CSS text-wrap به مرورگر نشان می دهد که می خواهید خطوط متن را متعادل کند. این معمولاً در سرفصل‌ها یا سایر بخش‌های متن کوتاه برای جلوگیری از بیوه‌های تایپوگرافی استفاده می‌شود.

عنوانی که در دو خط قرار می گیرد و دو کلمه در خط دوم قرار می گیرد.
یک تیتر نامتعادل
عنوانی که روی دو خط قرار می گیرد که هر خط برابر است.
یک تیتر متعادل

مرورگرها در پشتیبانی از نسخه‌های بلند و کوتاه این ویژگی متفاوت هستند. در طول Interop 2024، هدف ما این است که اینها را با هم قابل اجرا کنیم.

ایجاد تعادل در سرفصل‌ها و سایر بخش‌های متن کوتاه، ویژگی‌ای است که اغلب توسط توسعه‌دهندگان درخواست می‌شود، درباره آن در CSS text-wrap: balance ، پست پایان دادن به تایپوگرافیک‌های بیوه در وب ، یا CSS Text Balancing with text-wrap: balance اطلاعات بیشتری کسب کنید .

نشانی‌های وب HTTP(ها) برای WebSocket

سازنده WebSocket در ابتدا به URL های ws: و wss: نیاز داشت که از استفاده از URL های نسبی و کد راه حل در نتیجه جلوگیری می کرد.

مشخصات به‌روزرسانی شده است تا به طرح‌های http(ها) و در نتیجه URLهای نسبی اجازه دهد. اینها به ws: و wss: نرمال شده اند. در طول Interop 2024، پیاده‌سازی خود را برای پشتیبانی از طرح‌های http به‌روزرسانی می‌کنیم.

نحو نسبی رنگ

نحو نسبی رنگ در مشخصات CSS Color 5 تعریف شده است و راهی برای دستکاری رنگ ها در CSS فراهم می کند. به عنوان مثال، یک رنگ را تیره، روشن یا غیر اشباع کنید.

نحو نسبی رنگ تقریباً قابل تعامل است، اما مرورگرها کلمه کلیدی currentcolor را پیاده سازی نکرده اند. این تست ها در Interop 2024 گنجانده شده اند.

در مورد تمام کارهایی که می توانید با این ویژگی در نحو نسبی رنگ CSS انجام دهید، بیاموزید.

داشبورد Interop 2024

مانند سال‌های گذشته، امتیازات فعلی برای نسخه‌های آزمایشی و پایدار مرورگر در داشبورد منتشر می‌شود، بنابراین می‌توانید نحوه شکل‌گیری امتیازات را مشاهده کنید.

اسکرین شات داشبورد با امتیاز - Interop: 65، بررسی ها: 0، Chrome Canary: 83، Edge Dev: 82، Firefox Nightly: 80، Safari Technology Preview: 79.
نسخه آزمایشی مرورگر از 1 فوریه 2024 امتیاز می گیرد.

ما واقعاً هیجان‌زده هستیم که ببینیم امسال چقدر می‌توان در همه حوزه‌های تمرکز پیشرفت کرد.

اطلاعات بیشتر درباره Interop 2024