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

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

راشل اندرو

تاریخ انتشار: 28 فوریه 2025

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

در فوریه 2025 فایرفاکس 135 و کروم 133 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب می پردازد.

قابلیت های WebAuthn را بررسی کنید

فایرفاکس 135 و کروم 133 هر دو از متد استاتیک PublicKeyCredential.getClientCapabilities() پشتیبانی می کنند. این به شما امکان می‌دهد بررسی کنید که آیا یک مرورگر از ویژگی‌های Web Authentication API پشتیبانی می‌کند، بدون اینکه نیازی به استفاده از sniffing مرورگر باشد.

Browser Support

  • کروم: 133.
  • لبه: 133.
  • فایرفاکس: 135.
  • سافاری: 17.4.

Source

فایرفاکس 135 همچنین شامل ویژگی‌هایی از تجزیه JSON با پیشنهاد منبع است - آرگومان context پارامتر reviver JSON.parse ، JSON.isRawJSON() و JSON.rawJSON() .

Browser Support

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

Source

مقدار اشاره ویژگی popover

Chrome 133 مقدار سومی را برای ویژگی popover اضافه می‌کند، popover="hint" . نکات، که اغلب با رفتارهای نوع «نکات ابزار» همراه هستند، رفتارهای کمی متفاوت دارند. اکنون می‌توان یک پاپ‌اور اشاره نامرتبط را باز کرد در حالی که یک پشته پاپ‌اور خودکار موجود باز می‌ماند.

مثال متعارف این است که یک انتخابگر <select> باز است ( popover="auto" ) و یک راهنمای ابزار با حرکت شناور ( popover="hint" ) نشان داده شده است. آن عمل انتخابگر <select> را نمی‌بندد.

Browser Support

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

بیشتر در Popover = اشاره بخوانید.

attr() attr پیشرفته CSS

مجموعه خوبی از افزوده‌های CSS در Chrome 133 وجود دارد. این نسخه کروم شامل تقویت به attr() مشخص‌شده در CSS سطح 5 است که انواع دیگری را علاوه بر <string> و استفاده در تمام ویژگی‌های CSS را (علاوه بر پشتیبانی موجود از محتوای شبه عنصر) امکان‌پذیر می‌کند.

Browser Support

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

در CSS بیشتر بدانید attr() ارتقا می یابد .

پرس و جوهای کانتینر وضعیت اسکرول CSS

همچنین در Chrome 133، از عبارت‌های جستجوی کانتینر برای استایل دادن به نوادگان کانتینرها بر اساس وضعیت اسکرول آنها استفاده کنید.

محفظه پرس و جو یا یک محفظه اسکرول یا عنصری است که تحت تأثیر موقعیت اسکرول یک ظرف اسکرول قرار می گیرد. حالات زیر قابل پرس و جو هستند:

  • stuck : یک ظرف چسبنده به یکی از لبه‌های جعبه اسکرول چسبانده شده است.
  • snapped : یک ظرف تراز شده با اسکرول در حال حاضر به صورت افقی یا عمودی قطع می شود.
  • scrollable : اینکه آیا می‌توان ظرف پیمایش را در جهتی مورد نظر پیمایش کرد یا خیر.

همچنین یک مقدار جدید برای container-type وجود دارد: scroll-state که به کانتینرها امکان جستجو می دهد.

Browser Support

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

CSS scroll-state() بخوانید تا بیشتر بدانید.

CSS text-box ، text-box-trim و text-box-edge

همچنین در CSS برای کروم 133، ویژگی‌های text-box-trim و text-box-edge به همراه ویژگی کوتاه‌نویسی text-box وجود دارد، این ویژگی‌ها کنترل دقیق تر تراز عمودی متن را ممکن می‌سازد.

Browser Support

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

درباره نحوه عملکرد این ویژگی مفید در CSS text-box-trim اطلاعات بیشتری کسب کنید.

حرکت حفظ حالت DOM

Chrome 133 یک DOM اولیه ( Node.prototype.moveBefore ) اضافه می کند که به شما امکان می دهد عناصر را در اطراف درخت DOM بدون تنظیم مجدد حالت عنصر حرکت دهید.

هنگام جابجایی به جای برداشتن و وارد کردن، حالت زیر مانند حالت زیر حفظ می شود:

  • عناصر <iframe> بارگذاری می شوند.
  • عنصر فعال تمرکز باقی می ماند.
  • گفتگوهای پاپاور، تمام صفحه و مدال باز می مانند.
  • انتقال CSS و انیمیشن ها ادامه دارد.

Browser Support

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

رابط FileSystemObserver

رابط FileSystemObserver اضافه شده در Chrome 133 وب سایت ها را از تغییرات سیستم فایل مطلع می کند. سایت‌ها تغییرات فایل‌ها و دایرکتوری‌ها را که کاربر قبلاً به آن‌ها اجازه داده است، در دستگاه محلی کاربر یا در سیستم فایل Bucket (همچنین به عنوان Origin Private File System) مشاهده می‌کنند، و از اطلاعات اصلی تغییر، مانند نوع تغییر مطلع می‌شوند.

Browser Support

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

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

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

آخرین نسخه بتای Safari فهرست عظیمی از افزوده‌ها و پیشرفت‌ها را به همراه دارد، از جمله برخی از ویژگی‌هایی که انتظار داریم پس از پایدار شدن این مرورگر به Baseline تبدیل شوند. به عنوان مثال writing-mode: sideways-rl و writing-mode: sideways-lr ، متد استاتیک supports() برای ClipboardItem ، و فهرست کاملی از موارد از پیشنهاد Iterator Helpers.

هر دو نسخه Safari 18.4 beta و Firefox 136 دارای API Cookie Store هستند که پس از ارسال هر دو مرورگر، به تازگی در دسترس خواهد بود.

فایرفاکس 136 شامل کلاس های :open و :has-slotted شبه است، دومی نیز در کروم 134 است. همچنین شامل Intl.DurationFormat است که باید به تازگی در دسترس باشد.

Chrome 134 شامل عناصر <select> قابل تنظیم، ویژگی CSS dynamic-range-limit ، و قابلیت رد کردن نور برای عناصر <dialog> است.