برخی از ویژگی های جالبی را که در طول سپتامبر 2024 در مرورگرهای وب پایدار و بتا مشاهده می شود، کشف کنید.
نسخه های مرورگر پایدار
در سپتامبر 2024، فایرفاکس 130 ، سافاری 18 و کروم 129 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب می پردازد.
آکاردئون های انحصاری با ویژگی name
برای <details>
فایرفاکس 130 از ویژگی name
عنصر <details>
پشتیبانی می کند. این عناصر <details>
را گروه بندی می کند، که در آن تنها یک عنصر در یک گروه می تواند در یک زمان باز باشد. این به شما امکان می دهد بدون استفاده از جاوا اسکریپت یک آکاردئون انحصاری ایجاد کنید.
پشتیبانی مرورگر
متحرک سازی به صورت خودکار (و بیشتر)
Chrome 129 ویژگی CSS interpolate-size
و تابع calc-size()
را اضافه می کند.
ویژگی CSS interpolate-size
به صفحه اجازه میدهد انیمیشنها و انتقال کلمات کلیدی اندازه ذاتی CSS مانند auto
، min-content
و fit-content
را انتخاب کند، در مواردی که آن کلمات کلیدی را میتوان متحرک کرد.
تابع calc-size()
CSS یک تابع CSS شبیه به calc()
است، با این حال از عملیات دقیقاً روی یک کلمه کلیدی سایز پشتیبانی شده نیز پشتیبانی می کند. کلیدواژههای اندازهگیری پشتیبانی شده auto
، min-content
، max-content
، و fit-content
هستند.
در Animate to height بیشتر بیاموزید: auto; (و سایر کلمات کلیدی اندازه گیری ذاتی) در CSS .
مدت زمان قالب بندی در جاوا اسکریپت
همچنین در Chrome 129 Intl.DurationFormat
است که روشی برای قالببندی مدتها ارائه میکند، برای مثال «1 ساعت و 40 دقیقه و 30 ثانیه» که از چندین منطقه پشتیبانی میکند.
WebCodecs API
Web Codecs API اکنون بر روی دسکتاپ در فایرفاکس 130 پشتیبانی میشود و به توسعهدهندگان وب امکان دسترسی سطح پایین به فریمهای مجزای یک جریان ویدیویی و تکههایی از صدا را میدهد. رابط های جدید عبارتند از: VideoEncoder
، VideoDecoder
، EncodedVideoChunk
، VideoFrame
، و VideoColorSpace
. این API کاملاً Baseline را به تازگی در دسترس قرار نمی دهد زیرا هنوز در اندروید فایرفاکس پشتیبانی نمی شود، با این حال پشتیبانی از Firefox Nightly برای اندروید وجود دارد.
پرس و جوهای سبک CSS برای ویژگی های سفارشی
Safari 18 از چندین ویژگی جدید از جمله CSS Style Queries پشتیبانی می کند. پرس و جوهای سبک راهی برای ایجاد استایل های قابل استفاده مجدد و اعمال آنها به صورت گروهی ارائه می دهند. به عنوان مثال زمانی که یک جزء قابل استفاده مجدد با تغییرات متعدد دارید.
درباره پرس و جوهای سبک CSS بیشتر بیاموزید.
همان انتقال های نمای سند
Safari 18 همچنین از انتقالهای نمای سند برای SPAها پشتیبانی میکند و به شما امکان میدهد بین حالتهای مختلف یک برنامه انتقال بصری ایجاد کنید.
درباره انتقالات نمای سند مشابه بیشتر بیاموزید
مرورگر بتا منتشر شد
نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگیهای جدید یا حذفهایی است که میتواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند. نسخه های بتا جدید فایرفاکس 131 ، کروم 130 و سافاری 18.1 هستند. این نسخه ها ویژگی های بسیار خوبی را برای پلتفرم به ارمغان می آورند. برای همه جزئیات، یادداشت های انتشار را بررسی کنید. در اینجا فقط چند نکته برجسته وجود دارد.
فایرفاکس 131 شامل کمککنندههای جدید تکرارکننده جاوا اسکریپت است و کوکیهای دارای حالت پارتیشن مستقل (CHIPS) اکنون فعال شده است.
Chrome 130 شامل پشتیبانی از box-decoration-break: clone
. همچنین گزارش خطای بهتری در IndexedDB و یک ویژگی connected
جدید برای رابط سریال Web SerialPort
وجود دارد.
Safari 18.1 نسخه ای از رفع اشکال برای ویژگی های موجود است.