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

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

تاریخ انتشار: 29 مه 2025

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

در می 2025 فایرفاکس 139 ، کروم 137 و سافاری 18.5 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب با این نسخه ها می پردازد.

API زمانی

فایرفاکس 139 اولین مرورگری است که از Temporal API پشتیبانی می کند. این کار با تاریخ ها و زمان ها را در سناریوهای مختلف، با منطقه زمانی و نمایش های تقویم داخلی، ساده می کند.

Browser Support

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

Source

hidden=until-found و رویداد beforematch

فایرفاکس 139 همچنین شامل ویژگی HTML hidden="until-found" و رویداد beforematch است. حالت until-found به شما امکان می دهد محتویات یک عنصر را پنهان کنید تا زمانی که توسط جستجوی کاربر (به عنوان مثال، با استفاده از "یافتن در صفحه") یا با پیمایش قطعه پیدا شود. رویداد beforematch درست قبل از حذف ویژگی hidden فعال می شود

متد requestClose() .

اکنون Baseline که به تازگی با نسخه فایرفاکس 139 در دسترس است، متد requestClose() رابط HTMLDialogElement است.

این متد با متد HTMLDialogElement.close() متفاوت است زیرا یک رویداد cancel را قبل از اجرای رویداد close اجرا می کند.

Browser Support

  • کروم: 134.
  • لبه: 134.
  • فایرفاکس: 139.
  • سافاری: 18.4.

Source

CSS reading-flow و reading-order

Chrome 137 reading-flow و reading-order ارسال می کند. ویژگی CSS reading-flow ترتیب قرار گرفتن عناصر در طرح‌بندی انعطاف‌پذیر، شبکه یا بلوک را در معرض ابزارهای دسترسی و نحوه تمرکز آنها با استفاده از روش‌های پیمایش متوالی خطی را کنترل می‌کند. این یک مشکل قدیمی با طرح‌بندی‌های شبکه‌ای و انعطاف‌پذیر را حل می‌کند، که در آن ترتیب برگه‌ها می‌تواند با ترتیبی که موارد چیده شده‌اند قطع شود.

ویژگی reading-order CSS به شما این امکان را می دهد تا به صورت دستی ترتیب موارد را در یک محفظه جریان خواندن لغو کنید. برای استفاده از این ویژگی در داخل یک محفظه شبکه، انعطاف‌پذیر یا بلوک، مقدار reading-flow در ظرف را روی source-order تنظیم کنید و reading-order هر مورد را روی یک مقدار صحیح تنظیم کنید.

Browser Support

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

برای یادگیری بیشتر بخوانید از CSS reading-flow برای ناوبری فوکوس متوالی منطقی استفاده کنید .

تابع if() CSS

همچنین در کروم 137، تابع if() CSS راهی مختصر برای بیان مقادیر شرطی ارائه می دهد. مجموعه ای از جفت های شرط-مقدار را می پذیرد که با نقطه ویرگول مشخص شده اند. تابع هر شرط را به صورت متوالی ارزیابی می کند و مقدار مربوط به اولین شرط واقعی را برمی گرداند. اگر هیچ یک از شرایط به درستی ارزیابی نشود، تابع یک جریان توکن خالی را برمی‌گرداند.

Document-Isolation-Policy

ارسال در Chrome 137، Document-Isolation-Policy به یک سند اجازه می‌دهد که crossOriginIsolation بدون نیاز به استقرار COOP یا COEP و بدون توجه به وضعیت crossOriginIsolation صفحه برای خود فعال کند. این سیاست با انزوا فرآیند پشتیبانی می شود. علاوه بر این، منابع فرعی سند غیر CORS یا بدون اعتبار بارگیری می شوند یا باید سرآیند CORP داشته باشند.

فشار وب اعلامی

Safari 18.5 اکثراً یک نسخه رفع اشکال بود، اما Declarative Web Push را به macOS اضافه می‌کند، ویژگی که در حال حاضر فقط در Safari در دسترس است. در مورد آن در Meet Declarative Web Push در وبلاگ WebKit بیشتر بدانید.

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

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

فایرفاکس 140 شامل زیرمجموعه‌ای از Cookie Store API است، یک روش مدرن، ناهمزمان و مبتنی بر Promise برای مدیریت کوکی‌ها، که می‌تواند هم در رشته اصلی و هم در سرویس‌کاران استفاده شود.

Chrome 138 شامل تعدادی از APIهای هوش مصنوعی داخلی است - Summarizer API ، Language Detector API و Translator API .

همچنین در کروم 138 تعدادی ویژگی CSS از جمله کلیدواژه stretch اندازه و توابع sibling-index() و sibling-count() وجود دارد.