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

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

راشل اندرو

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

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

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

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

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

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

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

پشتیبانی مرورگر

  • 120
  • 120
  • ایکس
  • 17.2

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

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

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

پشتیبانی مرورگر

  • 105
  • 105
  • 121
  • 15.4

منبع

CSS Custom Highlight API

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

پشتیبانی مرورگر

  • 105
  • 105
  • 17.2

منبع

CloseWatcher API

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

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

پشتیبانی مرورگر

  • 126
  • 126
  • ایکس
  • ایکس

CSS text-wrap: balance و stable

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

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

text-wrap: balance

پشتیبانی مرورگر

  • 114
  • 114
  • 121
  • 17.5

منبع

text-wrap: stable

پشتیبانی مرورگر

  • ایکس
  • ایکس
  • 121
  • 17.5

منبع

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

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

پشتیبانی مرورگر

  • 77
  • 79
  • 121
  • 16.4

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

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

پشتیبانی مرورگر

  • 113
  • 113
  • 112
  • 17.2

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

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

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

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