برخی از ویژگی های جالبی را که در طول فوریه 2024 در مرورگرهای وب پایدار و بتا قرار گرفته اند، کشف کنید.
نسخه های مرورگر پایدار
در فوریه 2024 فایرفاکس 123 و کروم 122 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب می پردازد.
Shadow DOM اعلامی
فایرفاکس 123 از ویژگی shadowrootmode
عنصر <template>
پشتیبانی می کند، بنابراین از DOM Shadow Declarative پشتیبانی می کند. این ویژگی اکنون به Baseline می پیوندد که به تازگی در دسترس است، زیرا در تمام مرورگرهای کلیدی قابل همکاری است.
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 پیاده سازی شده اند و در فایرفاکس نایتلی هستند.
مرورگر بتا منتشر شد
نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگیهای جدید یا حذفهایی است که میتواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند. نسخه های بتا جدید فایرفاکس 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
است. این ویژگی کنترل میکند که آیا یک عنصر اصلاً محتوای خود را ارائه میکند یا خیر، به مرورگرها اجازه میدهد تا محتوا را تا زمانی که نیاز باشد حذف کنند.