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

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

راشل اندرو

تاریخ انتشار: 31 مارس 2025

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

در مارس 2025 فایرفاکس 136 ، کروم 134 و سافاری 18.4 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب می پردازد.

شبه کلاس های جدید :has-slotted و :open

فایرفاکس 136 از کلاس شبه :has-slotted پشتیبانی می کند که برای استایل دادن به عناصر در <template> استفاده می شود که در هنگام رندر کردن یک جزء وب، محتوایی به عنصر <slot> اضافه می شود.

Browser Support

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

Source

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

Browser Support

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

Source

Intl.DurationFormat

فایرفاکس 136 همچنین از Intl.DurationFormat پشتیبانی می کند. این به شما امکان می دهد مدت زمان را با در نظر گرفتن زبان محلی قالب بندی کنید. این ویژگی به Baseline می‌پیوندد و می‌توانید در Intl.DurationFormat اطلاعات بیشتری کسب کنید.DurationFormat اکنون Baseline Newly در دسترس است .

Browser Support

  • کروم: 129.
  • لبه: 129.
  • فایرفاکس: 136.
  • سافاری: 16.4.

Source

مقدار plaintext-only ویژگی contenteditable

یکی دیگر از ویژگی هایی که به تازگی در این نسخه از فایرفاکس در دسترس قرار گرفته است، مقدار plaintext-only ویژگی جهانی contenteditable است. در مورد این مقدار بخوانید ترکیب ارزش ویژگی "فقط متن ساده" قابل ویرایش اکنون خط پایه جدید در دسترس است .

Browser Support

  • کروم: 51.
  • لبه: ≤79.
  • فایرفاکس: 136.
  • سافاری: ≤13.1.

حالت های نوشتن جانبی برای CSS

Safari 18.4 شامل پشتیبانی از writing-mode: sideways-rl و writing-mode: sideways-lr . این مقادیر زمانی استفاده می شوند که بخواهید متن را به صورت عمودی به دلایل نمایشی نمایش دهید. آنها اکنون باید به Baseline Newly در دسترس تبدیل شوند.

Browser Support

  • کروم: 132.
  • لبه: 132.
  • فایرفاکس: 43.
  • سافاری: 18.4.

تابع shape() CSS

همچنین در Safari 18.4 تابع shape() CSS است که به شکل‌های آزاد پاسخگو در مسیر کلیپ اجازه می‌دهد.

Browser Support

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

Source

ClipboardItem.support()

Safari 18.4 متد support() را برای ClipboardItem() پیاده سازی می کند. این به شما امکان می‌دهد ببینید که کدام فرمت‌ها در طول عملیات کلیپ‌بورد پشتیبانی می‌شوند، و اکنون به تازگی در دسترس است.

Browser Support

  • کروم: 121.
  • لبه: 121.
  • فایرفاکس: 127.
  • سافاری: 18.4.

Source

حذف نور برای <dialog>

یکی از ویژگی‌های خوب Popover API رفتار حذف نور آن است. این رفتار اکنون بخشی از <dialog> است که در Chrome 134 پیاده‌سازی شده است، با یک ویژگی closedby جدید که رفتار را کنترل می‌کند.

Browser Support

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

Web Locks API اکنون در فضای ذخیره سازی مشترک پشتیبانی می شود

Chrome 134 Web Locks API را در فضای ذخیره‌سازی مشترک ادغام می‌کند. این امر از سناریوهایی مانند جایی که اندازه گیری دسترسی متقابل سایت می تواند منجر به گزارش های تکراری شود، به دلیل شرایط مسابقه بالقوه در منطق get() و set() جلوگیری می کند.

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

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

فایرفاکس 137 شامل متد استاتیک Math.sumPrecise است که مجموع یک Iterable (مانند یک آرایه) را برمی گرداند. این نسخه همچنین شامل Atomics.pause() است. این روش به CPU اشاره می کند که رشته فعلی در یک spinlock است در حالی که منتظر دسترسی به یک منبع مشترک است.

Chrome 135 شامل تعدادی ویژگی CSS مربوط به ایجاد چرخ و فلک است. همچنین شامل عناصر قابل تنظیم <select> و ویژگی های command و commandfor است.