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

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

Rachel Andrew

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

در نوامبر 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 پشتیبانی می کند این واحدها به شما امکان می دهند مقادیری را نسبت به ارتفاع خط یک عنصر تنظیم کنید، این زمانی مفید است که می خواهید تصاویر پس زمینه را با متن تراز کنید. این نسخه باعث می شود که این واحدها در هر سه موتور اصلی قابل همکاری باشند.

نکات اولیه 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() را در تمام موتورهای اصلی قابل اجرا می کند.

بخشی از سری جدید به وب