برخی از ویژگی های جالبی را که در طول نوامبر 2023 در مرورگرهای وب پایدار و بتا مشاهده می شود، کشف کنید.
نسخه های مرورگر پایدار
در نوامبر 2023، ما فقط یک نسخه مرورگر پایدار با فایرفاکس 120 داشتیم. این پست به معنای آن برای پلتفرم وب است.
پشتیبانی از ویژگی media
در عنصر <source>
فایرفاکس پشتیبانی از ویژگی media
را در عنصر <source>
مجدداً معرفی می کند. پشتیبانی برای شامل عناصر <audio>
و <video>
گسترش یافته است. با این نسخه، ویژگی رسانه در عناصر <source>
در <audio>
، <video>
و <picture>
در دسترس خواهد بود.
پشتیبانی از ویژگی media
به Chrome می آید و در حال حاضر در Safari است، بنابراین به زودی از ویدیو و صدای HTML پاسخگو در همه موتورها پشتیبانی خواهید کرد.
تابع CSS Color light-dark()
اکنون فایرفاکس از تابع light-dark()
CSS Color پشتیبانی می کند. این بدان معناست که میتوانید رنگها را برای طرحهای روشن و تاریک بدون استفاده از ویژگی رسانه prefers-color-scheme
تنظیم کنید.
واحدهای lh
و rlh
فایرفاکس از واحدهای CSS lh
و rlh
پشتیبانی می کند این واحدها به شما امکان می دهند مقادیری را نسبت به ارتفاع خط یک عنصر تنظیم کنید، این زمانی مفید است که می خواهید تصاویر پس زمینه را با متن تراز کنید. این نسخه باعث می شود که این واحدها در هر سه موتور اصلی قابل همکاری باشند.
پشتیبانی مرورگر
- 109
- 109
- 120
- 16.4
نکات اولیه HTTP 103
فایرفاکس اکنون از کد وضعیت پاسخ اطلاعات HTTP 103 Early Hints پشتیبانی می کند.
مرورگر بتا منتشر شد
نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگیهای جدید یا حذفهایی است که میتواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند. نسخه های بتا جدید فایرفاکس 121 ، کروم 120 و سافاری 17.2 هستند. این نسخه ها ویژگی های بسیار خوبی را برای پلتفرم به ارمغان می آورند. برای همه جزئیات، یادداشت های انتشار را بررسی کنید. در اینجا فقط چند نکته برجسته وجود دارد.
Chrome 120 و Safari 17.2 شامل تجزیه راحت برای CSS Nesting هستند.
کروم 120 ویژگی های -webkit-mask*
را حذف می کند و آنها را با مشخصات فعلی مطابقت می دهد. این شامل mask-image
، mask-mode
، mask-repeat
، mask-position
، mask-clip
، mask-origin
، mask-size
، و mask-composite
، و همچنین خلاصهنویسی mask
است. مراجع محلی mask-image
پشتیبانی می شوند، سریال سازی اکنون با مشخصات مطابقت دارد، و مقادیر پذیرفته شده اکنون با مشخصات مطابقت دارند.
Chrome 120 و Safari 17.2 از ویژگی name
برای عنصر <details>
پشتیبانی می کنند.
فایرفاکس 121 شامل انتخابگر CSS :has()
. این نسخه :has()
را در تمام موتورهای اصلی قابل اجرا می کند.
بخشی از سری جدید به وب