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

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

راشل اندرو

منتشر شده: ۳۱ مارس ۲۰۲۶

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

کروم ۱۴۶ ، فایرفاکس ۱۴۹ و سافاری ۲۶.۴ در ماه مارس به نسخه پایدار منتشر شدند. این پست نگاهی به ویژگی‌های جدیدی که این ماه به این پلتفرم اضافه می‌شوند، می‌اندازد.

شرایط پرس و جوی اختیاری کانتینر

هم فایرفاکس ۱۴۹ و هم سافاری ۲۶.۴ از کوئری‌های @container که فقط نام دارند و هیچ شرطی ندارند، پشتیبانی می‌کنند. این به شما امکان می‌دهد کانتینرها را صرفاً بر اساس نام آنها تطبیق دهید و استایل‌دهی به عناصر را بر اساس زمینه کانتینر، بدون نیاز به تعیین اندازه یا محدودیت‌های استایل، ساده‌تر می‌کند.

انیمیشن‌های اسکرول شونده

کروم ۱۴۶ کنترل انیمیشن‌ها بر اساس موقعیت اسکرول را اضافه می‌کند. این ویژگی به شما امکان می‌دهد تعاملات را به صورت اعلانی با CSS ایجاد کنید، کار را به یک نخ کارگر منتقل کنید و عملکرد را بهبود بخشید. همچنین شامل رابط‌های جاوا اسکریپت برای انیمیشن‌های وب است. برای اطلاعات بیشتر به CSS مراجعه کنید. انیمیشن‌های اسکرولی در راه هستند .

Browser Support

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

ویژگی trigger-scope

کروم ۱۴۶ در کنار انیمیشن‌های فعال‌شده با اسکرول، ویژگی trigger-scope را معرفی می‌کند. این ویژگی به شما امکان می‌دهد تا میزان دیده شدن نام‌های فعال‌کننده انیمیشن را محدود کنید و به جداسازی تعاملات انیمیشن با فعال‌کننده و جلوگیری از تداخل نام‌های سراسری کمک می‌کند.

Browser Support

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

مقدار hint Popover

فایرفاکس ۱۴۹ اکنون از مقدار hint برای ویژگی سراسری popover پشتیبانی می‌کند. popoverهایی که مقدار hint دارند، popoverهای auto را هنگام نمایش نمی‌بندند، اما popoverهای hint دیگر را می‌بندند و کنترل دقیق‌تری بر رفتار popover ارائه می‌دهند.

Browser Support

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

خطوط شبکه‌ای

سافاری ۱۶.۴ از display: grid-lanes پشتیبانی می‌کند، این مقداری از display است که طرح‌بندی به سبک masonry را فعال می‌کند.

Browser Support

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

توابع ریاضی در ویژگی sizes

سافاری نسخه ۲۶.۴ پشتیبانی از توابع ریاضی min() ، max() و clamp() را در ویژگی sizes عناصر <img> اضافه کرده است. این قابلیت، انعطاف‌پذیری بیشتری را برای بارگذاری واکنش‌گرای تصاویر فراهم می‌کند.

توالی تکرارکننده جاوا اسکریپت

هم کروم ۱۴۶ و هم سافاری ۲۶.۴ اکنون از توالی تکرارکننده‌ها پشتیبانی می‌کنند و Iterator.concat(...items) را برای ایجاد تکرارکننده‌ها با توالی‌سازی تکرارکننده‌های موجود معرفی می‌کنند. این ویژگی اکنون به صورت Baseline New در دسترس است.

Browser Support

  • کروم: ۱۴۶.
  • لبه: ۱۴۶.
  • فایرفاکس: ۱۴۷.
  • سافاری: ۲۶.۴.

Source

رابط CloseWatcher

فایرفاکس ۱۴۹ پشتیبانی از رابط CloseWatcher را اضافه می‌کند. این به توسعه‌دهندگان اجازه می‌دهد تا اجزایی را پیاده‌سازی کنند که می‌توانند با استفاده از مکانیسم‌های بومی دستگاه، مانند کلید Esc در ویندوز یا کلید Back در اندروید، مانند پنجره‌های محاوره‌ای و پاپ‌اوورهای داخلی بسته شوند.

Browser Support

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

Source

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

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

نسخه بتای کروم ۱۴۷

نسخه بتای کروم ۱۴۷ شامل تابع contrast-color() است - یک تابع CSS که بسته به اینکه کدام یک بیشترین کنتراست را در برابر آرگومان color ایجاد می‌کند، سیاه یا سفید را برمی‌گرداند. همچنین شامل انتقال‌های نمای border-shape و element-scoped نیز می‌شود.

نسخه بتای فایرفاکس ۱۵۰، کلمه کلیدی revert-rule در CSS، customeElementRegistry برای عناصر و DocumentOrShadowRoot و light-dark() برای تصاویر را اضافه کرده است.