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

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

راشل اندرو

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

در فوریه 2024 فایرفاکس 123 و کروم 122 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب می پردازد.

Shadow DOM اعلامی

فایرفاکس 123 از ویژگی shadowrootmode عنصر <template> پشتیبانی می کند، بنابراین از DOM Shadow Declarative پشتیبانی می کند. این ویژگی اکنون به Baseline می پیوندد که به تازگی در دسترس است، زیرا در تمام مرورگرهای کلیدی قابل همکاری است.

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

  • 111
  • 111
  • 123
  • 16.4

منبع

103 نکات اولیه: پیش بارگذاری

فایرفاکس 123 شامل کد وضعیت 103 Early Hints برای پیش بارگیری منابع است.

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

  • 103
  • 103
  • 123
  • ایکس

تغییرات در CSS ::backdrop

شبه عنصر CSS ::backdrop کادری به اندازه viewport است که بلافاصله در زیر هر عنصری که در لایه بالایی ارائه می شود ارائه می شود. مشخصات اصلی برای ::backdrop مشخص می‌کند که از هیچ عنصری به ارث نمی‌برد و از آن به ارث برده نمی‌شود. این بدان معناست که ::backdrop به ویژگی های سفارشی اعلام شده در :root دسترسی ندارد.

مشخصات تغییر کرده است تا به ::backdrop اجازه دهد تا خواص را از عنصر اصلی خود به ارث ببرد. این تغییر در کروم 122 اعمال شده است.

در مورد تغییرات ::backdrop بیشتر بخوانید.

Storage Buckets API

Chrome 122 شامل Storage Buckets API است. این API به سایت‌ها توانایی سازماندهی داده‌های روی دستگاه را در سطل‌ها می‌دهد، سپس داده‌های گروه را می‌توان مستقل از داده‌های نگهداری شده در سطل‌های دیگر خارج کرد.

در اسناد Storage Buckets API بیشتر بیاموزید.

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

  • 122
  • 122
  • ایکس
  • ایکس

Async Clipboard API: خواندن HTML غیر بهداشتی

Chrome 122 بتای شامل یک گزینه unsanitized در روش read() API Async Clipboard برای بازیابی فرمت HTML سالم نشده است.

روش های Set جاوا اسکریپت

Chrome 122 روش‌های زیر را از Set پیاده‌سازی می‌کند:

این روش ها قبلاً در سافاری از نسخه 17 پیاده سازی شده اند و در فایرفاکس نایتلی هستند.

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

  • 122
  • 122
  • 127
  • 17

منبع

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

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

Chrome 123 شامل چندین ویژگی CSS جدید است. تابع رنگ light-dark() تطبیق طرح های رنگی را با اولویت کاربر آسان تر می کند. ویژگی field-sizing فیلدهای ورودی متن را با رشد خودکار فعال می کند. یک ویژگی رسانه جدید برای آزمایش برنامه هایی که در حالت تصویر در تصویر نشان داده می شوند وجود دارد.

ویژگی text-spacing-trim برای تنظیم فاصله بیش از حد برای نویسه‌های نقطه‌گذاری چینی، ژاپنی و کره‌ای (CJK) به‌کار می‌رود. در معرفی چهار ویژگی بین المللی جدید برای CSS بیشتر بخوانید.

در نسخه بتای کروم 123 و سافاری 17.4 از align-content در طرح بندی بلوک و جدول پشتیبانی می شود. درباره تغییر پشتیبانی از align-content بخوانید. اگر ممکن است از ویژگی خارج از طرح‌بندی شبکه‌ای یا انعطاف‌پذیر استفاده می‌کنید، سایت‌های خود را آزمایش کنید، زیرا در جایی که قبلاً در طرح‌بندی بلوک کارایی نداشت، شروع به تراز کردن می‌کند.

فایرفاکس 124 شامل پشتیبانی از ویژگی CSS content-visibility است. این ویژگی کنترل می‌کند که آیا یک عنصر اصلاً محتوای خود را ارائه می‌کند یا خیر، به مرورگرها اجازه می‌دهد تا محتوا را تا زمانی که نیاز باشد حذف کنند.