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

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

راشل اندرو

تاریخ انتشار: 30 آوریل 2025

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

در آوریل 2025 فایرفاکس 137 ، فایرفاکس 138 ، کروم 135 و کروم 136 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب در طول یک ماه که شاهد دو نسخه از کروم و فایرفاکس بود، می پردازیم.

چرخ فلک ها در کروم فرود می آیند

چندین ویژگی که در نسخه 135 به کروم راه یافتند، امکان ایجاد چرخ فلک و سایر تجربیات صفحه‌شده را در وب فراهم می‌کنند.

عناصر شبه ::scroll-button() و ::scroll-marker() به شما امکان می دهند دکمه ها و نشانگرها را به هر قسمت قابل پیمایش در سایت خود اضافه کنید و به آن کنترل های پیمایش و راهی برای نشان دادن موقعیت کاربر در هنگام پیشروی در چرخ فلک می دهد.

Browser Support

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

Source

شبه عنصر ::column که به شما امکان می دهد یک قطعه ستون را استایل دهید.

Browser Support

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

Source

ویژگی interactivity مشخص می کند که آیا یک عنصر و نوادگان درخت مسطح آن (از جمله اجرای متن) بی اثر هستند یا نه.

Browser Support

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

بی اثر کردن یک عنصر بر روی فوکوس، ویرایش، انتخاب و جستجو با جستجو در صفحه تأثیر می گذارد. همچنین بر قابل مشاهده بودن آن در درخت دسترسی تأثیر می گذارد.

می توانید در چرخ فلک با CSS بیشتر بیاموزید.

صفات command و commandfor

همچنین در کروم 135 ویژگی های command و commandfor وجود دارد. این ویژگی‌های popovertargetaction و popovertarget را تقویت و جایگزین می‌کنند. این ویژگی‌های جدید را می‌توان به دکمه‌ها اضافه کرد و به مرورگر اجازه می‌دهد برخی از مسائل اصلی در مورد سادگی و دسترسی را برطرف کند و عملکرد مشترک داخلی را ارائه دهد.

در معرفی command and commandfor اطلاعات بیشتری کسب کنید.

Browser Support

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

Source

تابع shape() CSS

تابع shape() CSS در کروم 135 برای تعریف شکلی برای ویژگی‌های clip-path و offset-path استفاده می‌شود. نحوه استفاده از آن را برای برش پاسخگو بیاموزید. این تابع در سافاری 18.4 ارسال شده است و همچنین در فایرفاکس نایتلی نیز وجود دارد، امیدواریم که به زودی به تازگی در دسترس خواهد بود.

Browser Support

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

Source

Atomics.pause()

فایرفاکس 137 شامل Atomics.pause() است که این ویژگی Baseline را به تازگی در دسترس قرار داده است. این روش ایستا یک میکرو انتظار اولیه را ارائه می دهد که به CPU اشاره می کند که تماس گیرنده در حال چرخش است در حالی که منتظر دسترسی به یک منبع مشترک است. این به سیستم اجازه می دهد تا منابع تخصیص داده شده به هسته (مانند توان) یا نخ را کاهش دهد، بدون اینکه رشته فعلی را تسلیم کند.

Browser Support

  • کروم: 133.
  • لبه: 133.
  • فایرفاکس: 137.
  • سافاری: 18.4.

Source

CSS hyphenate-limit-chars

فایرفاکس 137 همچنین دارای ویژگی CSS hyphenate-limit-chars است. این ویژگی حداقل طول کلمه را مشخص می کند تا اجازه خط خطی کردن کلمات را بدهد و حداقل تعداد کاراکترها را قبل و بعد از خط فاصله مشخص می کند.

Browser Support

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

Source

RegExp.escape

روش ایستا RegExp.escape در عرض چند ماه در همه مرورگرها قرار گرفت و با فرود در Chrome 136 به تازگی در دسترس قرار می گیرد.

این روش از هر کاراکتر نحوی عبارت منظم بالقوه در یک رشته فرار می‌کند و یک رشته جدید را برمی‌گرداند که می‌تواند به‌عنوان یک الگوی تحت اللفظی برای سازنده RegExp() استفاده شود.

Browser Support

  • کروم: 136.
  • لبه: 136.
  • فایرفاکس: 134.
  • سافاری: 18.2.

Source

Error.isError()

روش استاتیک Error.isError() تعیین می کند که آیا مقدار ارسال شده یک Error است یا خیر. در فایرفاکس 138 گنجانده شده است. در حالی که از مرورگر در همه مرورگرها پشتیبانی می کند، هنوز کاملاً Baseline در نظر گرفته نشده است که به تازگی در دسترس است، زیرا Safari در حال حاضر برای نمونه های DOMException false برمی گرداند.

Browser Support

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

Source

Login Status API برای FedCM

فایرفاکس 138 هنگام استفاده از API مدیریت اعتبار فدرال (FedCM) از Login Status API پشتیبانی می کند. این برای تنظیم و بررسی اینکه آیا یک کاربر مرورگر به یک ارائه دهنده هویت وارد شده است یا خیر استفاده می شود. فایرفاکس 138 شامل پشتیبانی از رابط NavigatorLogin ، ویژگی navigator.login و هدر پاسخ HTTP Set-Login است.

Browser Support

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

Source

یکپارچگی Importmap

در فایرفاکس 138 مقدار importmap ویژگی type عنصر <script> اکنون از کلید integrity پشتیبانی می کند. این اجازه می دهد تا URL های ماژول ES که در نقشه های وارداتی ارجاع داده شده اند با ابرداده یکپارچگی آنها مطابقت داده شوند. این ویژگی اکنون Baseline به تازگی در دسترس است.

Browser Support

  • کروم: 127.
  • لبه: 127.
  • فایرفاکس: 138.
  • سافاری: 18.

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

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

Safari 18.5 beta تا کنون شامل تنها چند رفع اشکال پس از انتشار بزرگ 18.4 است.

تا زمان نگارش، فایرفاکس یادداشت‌های انتشار خود را منتشر نکرده است، با این حال به نظر می‌رسد نسخه بتا شامل ارسال Temporal API می‌شود، که فایرفاکس را به اولین مرورگری تبدیل می‌کند که این نسخه بهبودیافته Date را عرضه می‌کند. همچنین اجرای <dialog> request.close() که این روش را به Baseline Newly در دسترس می‌آورد.