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

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

راشل اندرو

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

در ژانویه، کروم 97 و فایرفاکس 96 پایدار شدند.

فایرفاکس 96 تابع رنگ hwb() را ارسال کرد. این تابع یک رنگ را با رنگ، سفیدی و سیاهی بیان می کند.

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

  • 101
  • 101
  • 96
  • 15

منبع

همچنین در فایرفاکس 96 ویژگی CSS color-scheme وجود دارد. این ویژگی راهی برای نشان دادن طرح‌های رنگی که یک عنصر می‌تواند در آن رندر شود به شما ارائه می‌دهد. برای مثال، برای نشان دادن اینکه .widget می‌تواند در حالت روشن یا تاریک سیستم عامل ارائه شود، از CSS زیر استفاده کنید.

.widget {
  color-scheme: light dark;
}

با فرود طرح رنگ در فایرفاکس، این بدان معناست که ویژگی در کروم، فایرفاکس و سافاری در دسترس است.

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

  • 81
  • 81
  • 96
  • 13

منبع

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

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

نسخه بتای ژانویه کروم 98 ، فایرفاکس 97 و سافاری 15.4 بتا 1 بود.

کروم 98 از فونت های بردار گرادیان رنگی COLRv1 به عنوان یک قالب فونت جدید اضافی پشتیبانی می کند. یک فونت رنگی حاوی گلیف هایی با چندین رنگ در آنها است که می تواند به عنوان مثال یک ایموجی یا پرچم کشور یا یک حرف چند رنگ باشد.

درباره این فرمت فونت جدید در فونت‌های بردار گرادیان رنگی COLRv1 در کروم 98 بیشتر بخوانید.

همچنین شامل متد ()structurdClone برای ایجاد کپی عمیق از اشیا، و پرسش‌های رسانه‌ای CSS dynamic-range و video-dynamic-range است. ویژگی‌های بیشتری را برای آزمایش در پست Chrome 98 بتا بیابید.

Chrome 98 DevTools مجموعه کاملی از ویژگی‌های جدید از جمله درخت دسترسی کامل جدید را برای شما به ارمغان می‌آورد.

فایرفاکس 97 بتا از واحدهای cap و ic برای length پشتیبانی می کند و همچنین ویژگی scrollbar-gutter را پیاده سازی می کند.

مجموعه کاملی از چیزهای خوب در Safari 15.4 Beta گنجانده شده است. ویژگی‌ها شامل پیاده‌سازی عنصر شبه :: پس‌زمینه ، کلاس شبه فوکوس قابل مشاهده ، ویژگی accent-color ، و CSS Containment با ویژگی حاوی است. این بتا همچنین شامل عنصر <dialog> HTML، ویژگی lazy در تصاویر برای فعال کردن بارگذاری تنبل ، به علاوه پشتیبانی از نمادهای مانیفست برنامه وب است.

همه این ویژگی های بتا به زودی در مرورگرهای پایدار قرار خواهند گرفت.

بخشی از سری جدید به وب