جدید به پلت فرم وب در ماه دسامبر

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

Rachel Andrew

نسخه های مرورگر پایدار

در دسامبر 2023 فایرفاکس 121 ، کروم 120 و سافاری 17.2 پایدار شدند. این پست به معنای آن برای پلتفرم وب است.

تجزیه آرام برای CSS Nesting

Chrome 120 و Safari 17.2 شامل تجزیه راحت برای CSS Nesting هستند. از آنجایی که این در فایرفاکس از نسخه 117 پشتیبانی می‌شود، این بدان معناست که همه موتورهای اصلی از این تغییر نحو پشتیبانی می‌کنند.

آکاردئون های منحصر به فرد با عنصر <details>

Chrome 120 و Safari 17.2 از ویژگی name برای عنصر <details> پشتیبانی می کنند. این بدان معنی است که شما می توانید اجزای انحصاری آکاردئون را با گروه بندی تعدادی از عناصر <details> ایجاد کنید.

در آکاردئون اختصاصی بیشتر بدانید.

انتخابگر :has()

فایرفاکس 121 شامل انتخابگر CSS :has() . این نسخه :has() را در تمام موتورهای اصلی قابل اجرا می کند.

در :has() : the family selector بیشتر بیاموزید.

CSS Custom Highlight API

Safari 17.2 شامل CSS Custom Highlight API است که به شما امکان می‌دهد محدوده‌های متنی را ایجاد و استایل دهید و کلاس‌های شبه برجسته استاندارد مانند ::selection گسترش دهید.

CloseWatcher API

Chrome 120 شامل CloseWatcher API است، یک API جدید برای گوش دادن و پاسخ به درخواست‌های بسته. این درخواست‌ها توسط کلید ESC روی دسک‌تاپ و ژست یا دکمه برگشت در اندروید فعال می‌شوند و اجرای خوب آن می‌تواند مشکل باشد.

علاوه بر API، Chrome 120 <dialog> و ویژگی popover را ارتقا می‌دهد تا به دکمه بازگشت Android پاسخ دهد.

CSS text-wrap: balance و stable

فایرفاکس 121 شامل مقادیر balance و stable برای text-wrap است. مقدار balance برای بلوک‌های کوتاه محتوا مانند سرفصل‌ها مفید است و متنی دلپذیرتر و خواناتر ایجاد می‌کند. مقدار stable از تغییر محتوای قابل ویرایش در حین ویرایش جلوگیری می کند.

درباره text-wrap: balance بیشتر بیاموزید.

بارگذاری تنبل عناصر <iframe>

فایرفاکس 121 از ویژگی loading در عناصر <iframe> پشتیبانی می کند. این بدان معنی است که بارگذاری تنبلی iframe اکنون در همه موتورهای اصلی پشتیبانی می شود.

پشتیبانی از تابع easing linear()

Safari 17.2 همچنین شامل پشتیبانی از تابع linear() easing است که می تواند برای ایجاد افکت های جهشی و فنری استفاده شود.

مرورگر بتا منتشر شد

نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگی‌های جدید یا حذف‌هایی است که می‌تواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند. نسخه های بتا جدید فایرفاکس 122 ، کروم 121 و سافاری 17.3 هستند. این نسخه ها ویژگی های بسیار خوبی را برای پلتفرم به ارمغان می آورند. برای همه جزئیات، یادداشت های انتشار را بررسی کنید. در اینجا فقط چند نکته برجسته وجود دارد.

فایرفاکس 122 و کروم 121 شامل متد showPicker() برای HTMLSelectElement هستند. این انتخابگر مشابهی را نشان می‌دهد که هنگام انتخاب عنصر نشان داده می‌شود، اما می‌تواند با فشار دادن دکمه یا سایر تعاملات کاربر فعال شود.

Chrome 121 شامل ویژگی‌های سبک اسکرول نوار پیمایش scrollbar-color و scrollbar-width ، به همراه پوشش CSS بهبود یافته برای SVG، و عناصر شبه برجسته برای متنی است که املای آن اشتباه بوده یا از نظر گرامری نادرست است.