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

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

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

فایرفاکس 130 از ویژگی name عنصر <details> پشتیبانی می کند. این عناصر <details> را گروه بندی می کند، که در آن تنها یک عنصر در یک گروه می تواند در یک زمان باز باشد. این به شما امکان می دهد بدون استفاده از جاوا اسکریپت یک آکاردئون انحصاری ایجاد کنید.

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

  • کروم: 120.
  • لبه: 120.
  • فایرفاکس: 130.
  • سافاری: 17.2.

متحرک سازی به صورت خودکار (و بیشتر)

Chrome 129 ویژگی CSS interpolate-size و تابع calc-size() را اضافه می کند.

ویژگی CSS interpolate-size به صفحه اجازه می‌دهد انیمیشن‌ها و انتقال کلمات کلیدی اندازه ذاتی CSS مانند auto ، min-content و fit-content را انتخاب کند، در مواردی که آن کلمات کلیدی را می‌توان متحرک کرد.

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

  • کروم: 129.
  • لبه: پشتیبانی نمی شود.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: پشتیبانی نمی شود.

منبع

تابع calc-size() CSS یک تابع CSS شبیه به calc() است، با این حال از عملیات دقیقاً روی یک کلمه کلیدی سایز پشتیبانی شده نیز پشتیبانی می کند. کلیدواژه‌های اندازه‌گیری پشتیبانی شده auto ، min-content ، max-content ، و fit-content هستند.

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

  • کروم: 129.
  • لبه: 129.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: پشتیبانی نمی شود.

منبع

در Animate to height بیشتر بیاموزید: auto; (و سایر کلمات کلیدی اندازه گیری ذاتی) در CSS .

مدت زمان قالب بندی در جاوا اسکریپت

همچنین در Chrome 129 Intl.DurationFormat است که روشی برای قالب‌بندی مدت‌ها ارائه می‌کند، برای مثال «1 ساعت و 40 دقیقه و 30 ثانیه» که از چندین منطقه پشتیبانی می‌کند.

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

  • کروم: 129.
  • لبه: 129.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: 16.4.

منبع

WebCodecs API

Web Codecs API اکنون بر روی دسکتاپ در فایرفاکس 130 پشتیبانی می‌شود و به توسعه‌دهندگان وب امکان دسترسی سطح پایین به فریم‌های مجزای یک جریان ویدیویی و تکه‌هایی از صدا را می‌دهد. رابط های جدید عبارتند از: VideoEncoder ، VideoDecoder ، EncodedVideoChunk ، VideoFrame ، و VideoColorSpace . این API کاملاً Baseline را به تازگی در دسترس قرار نمی دهد زیرا هنوز در اندروید فایرفاکس پشتیبانی نمی شود، با این حال پشتیبانی از Firefox Nightly برای اندروید وجود دارد.

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

  • کروم: 94.
  • لبه: 94.
  • فایرفاکس: 130.
  • سافاری: 16.4.

منبع

پرس و جوهای سبک CSS برای ویژگی های سفارشی

Safari 18 از چندین ویژگی جدید از جمله CSS Style Queries پشتیبانی می کند. پرس و جوهای سبک راهی برای ایجاد استایل های قابل استفاده مجدد و اعمال آنها به صورت گروهی ارائه می دهند. به عنوان مثال زمانی که یک جزء قابل استفاده مجدد با تغییرات متعدد دارید.

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

  • کروم: 111.
  • لبه: 111.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: 18.

منبع

درباره پرس و جوهای سبک CSS بیشتر بیاموزید.

همان انتقال های نمای سند

Safari 18 همچنین از انتقال‌های نمای سند برای SPAها پشتیبانی می‌کند و به شما امکان می‌دهد بین حالت‌های مختلف یک برنامه انتقال بصری ایجاد کنید.

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

  • کروم: 111.
  • لبه: 111.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: 18.

منبع

درباره انتقالات نمای سند مشابه بیشتر بیاموزید

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

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

فایرفاکس 131 شامل کمک‌کننده‌های جدید تکرارکننده جاوا اسکریپت است و کوکی‌های دارای حالت پارتیشن مستقل (CHIPS) اکنون فعال شده است.

Chrome 130 شامل پشتیبانی از box-decoration-break: clone . همچنین گزارش خطای بهتری در IndexedDB و یک ویژگی connected جدید برای رابط سریال Web SerialPort وجود دارد.

Safari 18.1 نسخه ای از رفع اشکال برای ویژگی های موجود است.