جدید در کروم 135

تاریخ انتشار: 1 آوریل 2025

Chrome 135 در حال حاضر منتشر می شود و این پست برخی از ویژگی های کلیدی انتشار را به اشتراک می گذارد. یادداشت‌های انتشار کامل Chrome 135 را بخوانید و خلاصه فصلی ما را برای همه چیزهایی که تا کنون در سال جاری منتشر شده است، بررسی کنید.

نکات برجسته از این نسخه

مجموعه کاملی از ویژگی ها وجود دارد که چرخ فلک های CSS را فعال می کند . ویژگی های command و commandfor به شما این امکان را می دهد که رفتار را به صورت اعلانی به دکمه ها متصل کنید. تابع shape() CSS به شما امکان می دهد یک شکل برای ویژگی های clip-path و offset-path تعریف کنید.

چرخ فلک های CSS

تعداد زیادی ویژگی CSS در یادداشت‌های انتشار وجود دارد، و بسیاری از این ویژگی‌ها، اضافات کوچک متفاوتی هستند که با هم ترکیب می‌شوند تا چرخ فلک‌های CSS را فعال کنند. ویژگی های کلیدی شبه عناصر جدید CSS هستند— ::scroll-button() and ::scroll-marker()` که به شما امکان می دهد یک ناحیه قابل پیمایش را به یک چرخ فلک تبدیل کنید.

برای آشنایی با نحوه استفاده از این ویژگی‌های جدید و الهام گرفتن برای پروژه‌های خود، Carousels with CSS را بخوانید.

صفات command و commandfor

Chrome 135 قابلیت‌های جدیدی را برای ارائه رفتار اعلانی با ویژگی‌های command جدید و commandfor ، بهبود و جایگزینی ویژگی‌های popovertargetaction و popovertarget معرفی می‌کند. این ویژگی‌های جدید را می‌توان به دکمه‌ها اضافه کرد و به مرورگر اجازه می‌دهد برخی از مسائل اصلی در مورد سادگی و دسترسی را برطرف کند و عملکرد مشترک داخلی را ارائه دهد.

HTML زیر روابط اعلامی بین یک دکمه و منو را تنظیم می کند که به مرورگر اجازه می دهد منطق و دسترسی را برای شما مدیریت کند. نیازی به مدیریت aria-expanded یا افزودن جاوا اسکریپت اضافی وجود ندارد.

<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
  <!-- ... -->
</div>

درباره این ویژگی های جدید در معرفی command and commandfor اطلاعات بیشتری کسب کنید.

تابع shape() CSS

تابع shape() CSS برای تعریف یک شکل برای ویژگی های مسیر کلیپ و مسیر offset استفاده می شود.

تابع shape() از مجموعه ای از دستورات تقریباً معادل دستوراتی استفاده می کند که توسط path() استفاده می شود، اما این کار را با نحو استاندارد CSS انجام می دهد و طیف کاملی از عملکردهای CSS مانند واحدهای اضافی و توابع ریاضی را امکان پذیر می کند. این در فایرفاکس نایتلی و سافاری 18.4 بتا است، بنابراین به‌زودی به‌زودی در دسترس خواهد بود.

و بیشتر!

البته چیزهای بیشتری وجود دارد.

  • Web Speech API اکنون شامل پشتیبانی MediaStreamTrack می شود.
  • Float16Array پشتیبانی می شود و به تازگی در دسترس است.
  • Observable API اکنون پشتیبانی می شود.

در ادامه مطلب

این فقط برخی از نکات کلیدی را پوشش می دهد. برای تغییرات بیشتر در Chrome 134 پیوندهای زیر را بررسی کنید.

مشترک شوید

برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد. یا برای مقالات و پست های وبلاگ جدید ما را در X یا LinkedIn دنبال کنید.

به محض انتشار کروم 135، ما در اینجا خواهیم بود تا به شما بگوییم چه چیزی در کروم جدید است!