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

برخی از ویژگی‌های جالبی که در آوریل ۲۰۲۶ به مرورگرهای وب پایدار و بتا اضافه شده‌اند را کشف کنید.

راشل اندرو

منتشر شده: ۲۴ آوریل ۲۰۲۶

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

کروم ۱۴۷ و فایرفاکس ۱۵۰ در ماه آوریل به نسخه پایدار منتشر شدند. در این ماه هیچ نسخه پایداری از سافاری منتشر نشد. این پست نگاهی به ویژگی‌های جدید فراوان این ماه می‌اندازد.

تابع CSS با contrast-color() به خط پایه تبدیل می‌شود.

با ارائه تابع contrast-color() در کروم ۱۴۷، این ویژگی مفید دسترسی اکنون در تمام موتورهای جستجو اصلی در دسترس است و آن را به نسخه پایه (Baseline New) تبدیل می‌کند.

این تابع یک مقدار رنگ می‌گیرد و بسته به اینکه کدام یک بیشترین کنتراست را در برابر رنگ ارائه شده ایجاد می‌کند، سیاه یا سفید را برمی‌گرداند. این به شما کمک می‌کند تا مطمئن شوید متن شما الزامات کنتراست دسترسی‌پذیری را برآورده می‌کند.

Browser Support

  • کروم: پشتیبانی نمی‌شود.
  • لبه: پشتیبانی نمی‌شود.
  • فایرفاکس: ۱۴۶.
  • سافاری: ۲۶.

Source

ویژگی‌های محدوده انیمیشن اسکرول-محور اکنون به حالت پایه (Baseline) تغییر یافته‌اند.

فایرفاکس ۱۵۰ شامل پشتیبانی از ویژگی‌های animation-range-start و animation-range-end و همچنین خلاصه‌سازی animation-range است. این ویژگی‌ها باعث می‌شوند که این ویژگی‌ها به صورت Baseline New در دسترس باشند.

این ویژگی‌ها به شما امکان می‌دهند کنترل کنید که یک انیمیشن در امتداد یک جدول زمانی انیمیشن اسکرول-محور، از کجا شروع و در کجا پایان یابد.

Browser Support

  • کروم: ۱۱۵.
  • لبه: ۱۱۵.
  • فایرفاکس: پشتیبانی نمی‌شود.
  • سافاری: ۲۶.

Source

متد ariaNotify()

فایرفاکس ۱۵۰ پشتیبانی از متد ariaNotify() را در Document و Element معرفی می‌کند. این متد به نویسندگان محتوا اجازه می‌دهد تا رشته‌ای از متن را برای اعلام توسط یک صفحه‌خوان در صف قرار دهند.

این یک جایگزین قابل اعتمادتر و ارگونومیک‌تر برای مناطق زنده ARIA فراهم می‌کند، به خصوص برای اعلان‌هایی که به به‌روزرسانی‌های DOM مرتبط نیستند.

Browser Support

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

Source

اندازه‌های خودکار برای تصاویر بارگذاری‌شده با تأخیر

فایرفاکس ۱۵۰ اکنون از کلمه کلیدی "auto" برای ویژگی sizes عناصر <img> پشتیبانی می‌کند. این به تصاویر lazy-loaded اجازه می‌دهد تا از اندازه طرح‌بندی تصویر محاسبه‌شده برای انتخاب بهترین منبع از یک srcset استفاده کنند و تنظیم تصویر واکنش‌گرا را ساده‌تر کنند.

Browser Support

  • کروم: ۱۲۶.
  • لبه: ۱۲۶.
  • فایرفاکس: پشتیبانی نمی‌شود.
  • سافاری: پشتیبانی نمی‌شود.

Source

انتقال‌های نمای محدود به عنصر

کروم ۱۴۷ تابع element.startViewTransition() را روی عناصر دلخواه HTML فعال می‌کند. این قابلیت، امکان انتقال به یک عنصر خاص را فراهم می‌کند، به این معنی که شبه‌عناصر تحت تأثیر کلیپ‌ها و تبدیل‌های اجداد قرار می‌گیرند و چندین انتقال می‌توانند همزمان اجرا شوند.

ویژگی border-shape در CSS

کروم ۱۴۷ ویژگی border-shape را معرفی می‌کند که به شما امکان می‌دهد حاشیه‌های غیرمستطیلی با اشکالی مانند چندضلعی یا دایره ایجاد کنید.

ویژگی مسیر <textPath> در SVG

کروم ۱۴۷ از ویژگی path در عنصر <textPath> در SVG پشتیبانی می‌کند و به شما امکان می‌دهد هندسه مسیر متن را به صورت درون‌خطی تعریف کنید.

Browser Support

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

پشتیبانی از پیش‌بارگذاری ماژول برای JSON و style

کروم ۱۴۷ پشتیبانی از JSON و انواع ماژول‌های استایل را به عنوان مقصد <link rel="modulepreload"> اضافه می‌کند.

Browser Support

  • کروم: ۱۴۷.
  • لبه: ۱۴۷.
  • فایرفاکس: پشتیبانی نمی‌شود.
  • سافاری: ۲۶.۲.

Math.sumPrecise

کروم ۱۴۷ پیشنهاد TC39 را برای Math.sumPrecise پیاده‌سازی کرده است که مجموع دقیقی از مقادیر را در یک تابع تکرارشونده برمی‌گرداند. این متد اکنون به صورت Baseline و به تازگی در دسترس قرار گرفته است.

Browser Support

  • کروم: پشتیبانی نمی‌شود.
  • لبه: پشتیبانی نمی‌شود.
  • فایرفاکس: ۱۳۷.
  • سافاری: ۲۶.۲.

Source

نسخه‌های بتای مرورگر منتشر شد

نسخه‌های بتای مرورگر، پیش‌نمایشی از چیزهایی که در نسخه پایدار بعدی مرورگر وجود خواهند داشت را به شما ارائه می‌دهند. اکنون زمان بسیار خوبی برای آزمایش ویژگی‌های جدید یا حذف مواردی است که می‌توانند قبل از انتشار عمومی، سایت شما را تحت تأثیر قرار دهند. نسخه‌های بتای جدید این ماه عبارتند از کروم ۱۴۸ ، فایرفاکس ۱۵۱ و سافاری ۲۶.۵ .

نسخه بتای کروم ۱۴۸ شامل کوئری‌های کانتینر فقط-نام در CSS، بارگذاری کند برای عناصر ویدیو و صدا و تابع at-rule() برای تشخیص ویژگی در @supports .

نسخه بتای فایرفاکس ۱۵۱ شامل کوئری‌های سبک کانتینر CSS است.

نسخه بتای سافاری ۲۶.۵ علاوه بر تعداد زیادی راه‌حل برای مشکلات، از شبه‌کلاس :open روی عناصر <details> ، <dialog> ، <select> و <input> پشتیبانی می‌کند.