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

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

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

در آوریل 2024 فایرفاکس 125 و کروم 124 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب می پردازد.

چهار ویژگی جدید در Baseline قرار دارند

فایرفاکس 125 چهار ویژگی جدید را به Baseline Newly Available اضافه کرد. Popover API، Intl.Segmenter ، align-content ، و مقادیر content-box و stroke-box برای transform-box .

Popover API

Popover API به شما امکان می دهد انواع مختلفی از پنجره های بازشو غیر معین ایجاد کنید. اینها شامل نکات ابزار، منوها، بازشوهای نان تست سفارشی و بسیاری موارد دیگر است. Popover ها شامل بسیاری از قابلیت های داخلی هستند که قبلاً مجبور بودید جاوا اسکریپت را برای آنها بنویسید. بیشتر در Popover API lands در Baseline بیابید.

پشتیبانی مرورگر

  • 114
  • 114
  • 125
  • 17

منبع

Intl.Segmenter

Intl.Segmenter بخش بندی متن حساس به محلی را فعال می کند. برای مثال، به شما اجازه می‌دهد کلمات را در زبان‌هایی که کلمات را با فاصله جدا نمی‌کنند، تقسیم کنید. ببینید چگونه در شیء Intl.Segmenter کار می کند اکنون بخشی از Baseline است .

پشتیبانی مرورگر

  • 87
  • 87
  • 125
  • 14.1

منبع

align-content برای طرح بندی بلوک

ویژگی align-content اکنون در همه موتورهای اصلی برای طرح بندی بلوک پشتیبانی می شود. این بدان معناست که می‌توانید بدون نیاز به ایجاد طرح‌بندی انعطاف‌پذیر یا شبکه‌ای روی والد، تراز کردن جهت بلوک را انجام دهید. نمونه ای را در ویژگی align-content برای طرح بندی بلوک ها ببینید اکنون بخشی از Baseline است .

پشتیبانی مرورگر

  • 123
  • 123
  • 125
  • 17.4

transform-box CSS

در نهایت، در فایرفاکس 125 مقادیر content-box و stroke-box برای ویژگی transform-box وجود دارد. مقدار content-box از جعبه محتوا و stroke-box از کادر stroke bounding که حاوی شکل SVG است استفاده می کند.

پشتیبانی مرورگر

  • 118
  • 118
  • 125
  • 13.1

WebSocketStream API

WebSocketStream API WHATWG Streams را با WebSocket API یکپارچه می کند و در Chrome 124 موجود است. در WebSocketStream بیشتر بیاموزید: یکپارچه سازی جریان ها با WebSocket API .

پشتیبانی مرورگر

  • 124
  • 124
  • ایکس
  • ایکس

setHTMLUnsafe و parseHTMLUnsafe

Chrome 124 همچنین شامل متدهای setHTMLUnsafe و parseHTMLUnsafe است که به شما امکان می دهد از DOM Shadow Declarative از جاوا اسکریپت استفاده کنید. این روش‌ها همچنین در مقایسه با innerHTML یا DOMParser ، راه آسان‌تری برای تجزیه ضروری HTML به DOM ارائه می‌دهند.

پشتیبانی مرورگر

  • 124
  • 124
  • 123
  • 17.4

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

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

Safari 17.5 شامل تابع رنگ light-dark() است که پس از پایدار شدن 17.5 به Baseline Newly Available تبدیل می شود.

همچنین توابع ارزش پله ای CSS به Baseline Newly در دسترس هستند. Chrome 125 شامل round() ، mod() و rem() است.

Chrome 125 همچنین شامل Compute Pressure API و موقعیت یابی لنگر CSS است.

فایرفاکس 126 شامل Screen Wake Lock API است، که یک ویژگی دیگر Baseline را به تازگی در دسترس قرار می دهد.