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

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

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

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

<hr> در <select>

فایرفاکس 122 عناصر <hr> را به عنوان فرزند مجاز عناصر <select> اضافه می کند. این به خوانایی لیست های انتخابی با گزینه های زیاد کمک می کند. همه موتورهای اصلی مرورگر اکنون از این ویژگی پشتیبانی می کنند. با این حال، شایان ذکر است که در حال حاضر هیچ مرورگری <hr> را در معرض درخت دسترسی قرار نمی دهد.

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

  • 119
  • 119
  • 122
  • 17

HTMLSelectElement.showPicker

همچنین برای عناصر <select> در فایرفاکس، متد showPicker() برای HTMLSelectElement است. این همان انتخابگر است که معمولاً هنگام انتخاب عنصر نمایش داده می شود، اما می تواند با فشار دادن دکمه یا سایر تعاملات کاربر فعال شود.

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

  • 121
  • 121
  • 122

منبع

بزرگترین API رنگ محتوایی (LCP).

فایرفاکس 122 همچنین از LCP API پشتیبانی می کند. این API عملکرد اطلاعات زمان‌بندی را در مورد بزرگترین تصویر یا رنگ متن قبل از تعامل کاربران با یک صفحه وب ارائه می‌کند. در اسناد LCP درباره LCP بیشتر بیاموزید.

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

  • 77
  • 79
  • 122
  • ایکس

منبع

ویژگی های نوار اسکرول CSS

Chrome 121 از ویژگی‌های اسکرول نوار scrollbar-color و scrollbar-width پشتیبانی می‌کند. در مقاله سبک اسکرول بار در مورد این موضوع بیشتر بیاموزید.

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

  • 121
  • 121
  • 64
  • ایکس

منبع

انیمیشن font-palette CSS

ویژگی font-palette به شما امکان می دهد یک پالت خاص را برای ارائه یک فونت رنگی انتخاب کنید. این ویژگی اکنون از انیمیشن پشتیبانی می کند، بنابراین جابجایی بین پالت ها تبدیل به یک انتقال صاف بین دو پالت انتخاب شده می شود.

متدهای transfer() و transferToFixedLength() ArrayBuffer

فایرفاکس شامل متدهای جاوا اسکریپت transfer() و transferToFixedLength() ArrayBuffer است. متد transfer() یک ArrayBuffer جدید با محتوای بایت مشابه ArrayBuffer فعلی ایجاد می کند، سپس ArrayBuffer اصلی را جدا می کند. متد transferToFixedLength() به همین روش کار می کند، اما یک ArrayBuffer با اندازه ثابت ایجاد می کند.

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

  • 114
  • 114
  • 122
  • 17.4

منبع

به روز رسانی به Speculation Rules API

سایت‌ها از Speculation Rules API استفاده می‌کنند تا به‌صورت برنامه‌ریزی به Chrome بگویند کدام صفحات را از قبل اجرا کند و با کاهش زمان پیمایش صفحه، تجربه کاربری بهتری ایجاد کند.

Chrome 121 شامل پشتیبانی از قوانین سند است: آنها یک برنامه افزودنی برای نحو قوانین حدس و گمان هستند که به مرورگر اجازه می دهد لیست URL ها را برای بارگیری احتمالی از عناصر موجود در یک صفحه دریافت کند. قوانین سند ممکن است شامل معیارهایی باشد که کدام یک از این پیوندها را می توان استفاده کرد. این، همراه با یک فیلد جدید «اشتیاق» به شما امکان می‌دهد به‌طور خودکار پیوندها را در صفحات بلافاصله، با شناور یا با ماوس به پایین واکشی یا از قبل اجرا کنید.

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

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

فایرفاکس 123 بتا شامل Declarative Shadow DOM است.

همچنین در فایرفاکس 123 از کد وضعیت پاسخ اطلاعات HTTP 103 Early Hints برای بارگذاری اولیه منابعی که صفحه ممکن است نیاز داشته باشد در حالی که سرور پاسخ کامل را آماده می کند، پشتیبانی می شود.

چیزهای خوب زیادی در نسخه بتا Safari 17.4 وجود دارد. برای CSS پشتیبانی از @scope ، align-content در کانتینرهای بلوک و سلول های جدول، و برای عناصر شبه ::grammar-error و ::spelling-error ، به علاوه موارد دیگر وجود دارد.

در فرم‌ها، پشتیبانی از حالت نوشتن عمودی در کنترل‌های فرم، روش showPicker() برای <input type="date"> و پشتیبانی از <hr> در داخل <select> در iOS.

جاوا اسکریپت همچنین با پشتیبانی از متدهای detached() , transfer() و transferToFixedLength() ArrayBuffer ویژگی های جدیدی دریافت می کند.

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

همچنین در Chrome 122 Storage Buckets API وجود دارد که هدف آن این است که تخلیه دائمی ذخیره سازی تحت فشار شدید حافظه را قابل پیش بینی تر کند.