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

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

راشل اندرو

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

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

Chrome 98 روش self.structuredClone را ارسال کرد. این یک کلون عمیق از یک مقدار با استفاده از الگوریتم کلون ساخت یافته ایجاد می کند. درباره structuredClone() بیشتر بخوانید .

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

  • کروم: 98.
  • لبه: 98.
  • فایرفاکس: 94.
  • سافاری: 15.4.

منبع

فایرفاکس 97 شامل لایه های آبشار است. @layer at-rule یک لایه آبشاری را تعریف می‌کند و به شما در کنترل ویژگی کمک می‌کند.

@layer framework {
  /* creates a new layer named framework */
}

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

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

  • کروم: 99.
  • لبه: 99.
  • فایرفاکس: 97.
  • سافاری: 15.4.

منبع

فایرفاکس ویژگی scrollbar-gutter را نیز به ارمغان می آورد. این ویژگی به حذف تغییرات طرح‌بندی ناشی از نمایش نوار پیمایش در حین رشد محتوا کمک می‌کند.

ناودان نوار پیمایش فضای بین لبه حاشیه داخلی و لبه لایه بیرونی است. این جایی است که در صورت نیاز یک نوار اسکرول ظاهر می شود. اگر هیچ نوار پیمایشی وجود نداشته باشد، ناودان به عنوان پسوند بالشتک نمایش داده می شود. CSS زیر برای حفظ متقارن بودن ظاهر، فاصله‌بندی اندازه نوار اسکرول را به هر دو طرف کادر اضافه می‌کند.

.container {
  scrollbar-gutter: stable both-edges;
}

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

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

منبع

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

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

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

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

نسخه های بتا جدید در ماه فوریه کروم 99 و فایرفاکس 98 بودند. Safari Beta 15.4 هنوز در حال انجام است، من برخی از موارد را در ماه گذشته پوشش دادم.

کروم 99 شامل لایه‌های Cascade است و لایه‌های Cascade نیز در Safari Beta 15.4 می‌توان انتظار داشت که به زودی این ویژگی را در همه مرورگرهای همیشه سبز ببینیم.

همچنین در کروم 99 چندین ویژگی جدید برای CanvasRenderingContext2D و یک متد showPicker() جدید در HTMLInputElement وجود دارد که راهی برای نمایش انتخابگر مرورگر برای تاریخ، زمان، رنگ و فایل‌ها است.

در فایرفاکس 98 عنصر <dialog> را خواهید یافت. ویژگی دیگری که پس از پایدار شدن نسخه بتا فایرفاکس و سافاری در همه مرورگرهای همیشه سبز وجود خواهد داشت.

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

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