در ماه مارس وارد پلتفرم وب شده است

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

Rachel Andrew

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

در مارس 2023، فایرفاکس 111 ، کروم 111 و سافاری 16.4 پایدار شدند. بیایید نگاهی بیندازیم که این به چه معناست برای پلتفرم وب.

احتیاط: ما داده‌های سازگاری مرورگر را که از MDN استخراج شده‌اند در این پست‌ها اضافه می‌کنیم که ممکن است برای نسخه‌های اخیر مرورگر به‌روزرسانی نشده باشند. این پست به محض اینکه در نسخه مرورگر-compat-data ظاهر شد، اطلاعات صحیح را نشان خواهد داد.

ویژگی های جهانی HTML

فایرفاکس 111 پشتیبانی از چند ویژگی مفید جهانی HTML را اضافه می کند. ویژگی autocapitalize کنترل می‌کند که آیا وقتی کاربر در حال تایپ کردن روی صفحه‌کلید مجازی است، متن ممکن است به‌طور خودکار بزرگ شود.

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

• 43
• 79
• 111
• ایکس

منبع

ویژگی translate نشان می‌دهد که آیا یک عنصر باید ترجمه شود یا خیر وقتی یک صفحه بومی‌سازی شود.

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

• 19
• 79
• 111
• 6

منبع

سیستم فایل خصوصی Origin (OPFS)

فایرفاکس هنگام استفاده از File System Access API پشتیبانی از Origin Private File System (OPFS) را اضافه می کند. درباره OPFS بیشتر بیاموزید .

View Transitions API

Chrome 111 View Transitions API را اضافه می‌کند، و ایجاد انتقال‌های صیقلی در برنامه‌های تک صفحه‌ای (SPA) را با عکس‌برداری از نماها ساده‌تر می‌کند و به DOM اجازه می‌دهد بدون هیچ همپوشانی بین حالت‌ها تغییر کند.

اطلاعات بیشتر را در پست راه اندازی SPA view transitions on Chrome 111 بیابید.

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

• 111
• 111
• ایکس
• ایکس

منبع

فضاهای رنگی و توابع جدید CSS

همچنین در Chrome 111 مجموعه‌ای کاملاً جدید از روش‌های استفاده از رنگ در وب گنجانده شده است. کروم اکنون از فضاهای رنگی پشتیبانی می‌کند که به رنگ‌های خارج از محدوده RGB به همراه توابع color() و color-mix() دسترسی دارند. در راهنمای رنگ CSS با وضوح بالا و پست وبلاگ در color-mix() بیشتر بیاموزید.

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

• 111
• 111
• 113
• 16.2

منبع

نسخه کروم همچنین شامل ابزارهای توسعه‌دهنده جدید است که به شما کمک می‌کند با این قابلیت رنگی جدید کار کنید.

توجه: همچنین می‌توانید توابع رنگ جدید color() , lab() , lch() , oklab() و oklch() در فایرفاکس 111 تست کنید که در حال حاضر پشت یک preference layout.css.more_color_4.enabled قرار دارند.

کنترل بیشتر بر انتخاب های :nth-child()

Chrome 111 توانایی ارسال فهرست انتخابگر را به :nth-child() و nth-last-child() اضافه می کند. در مورد این بیشتر بیاموزید و نمونه هایی را در پست مشاهده کنید. کنترل بیشتر بر انتخاب های :nth-child() با دستور S

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

• 111
• 111
• 113
• 9

پشتیبانی از اسلاید قبلی و بعدی در Media Session API

در نهایت در این لیست از اضافه‌شده‌های Chrome 111، عملکردهای ارائه اسلاید برای API جلسه رسانه "previousslide" و "nextslide" وجود دارد.

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

• 111
• 111
• ایکس
• ایکس

پشتیبانی شبه کلاس در سافاری

Safari 16.4 یک نسخه شگفت انگیز برای پلتفرم وب است. این مقاله همه موارد اضافه شده را پوشش نمی دهد، بنابراین لیست کامل ویژگی ها را در یادداشت های انتشار Safari 16.4 بررسی کنید.

دسته‌ای از شبه کلاس‌های CSS اضافی با پشتیبانی در این نسخه وجود دارد: :user-invalid ، :user-valid ، :dir() ، :modal و :fullscreen .

نحو محدوده جدید برای پرسش های رسانه ای

این نسخه Safari باعث می‌شود تا سینتکس محدوده بسیار ظریف‌تر و مفیدتر برای پرسش‌های رسانه‌ای در هر سه موتور قابل اجرا باشد. نمونه‌هایی از این نحو را در این پست ببینید، که هنگام ارسال این نحو در کروم منتشر شد.

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

• 104
• 104
• 102
• 16.4

منبع

ویژگی ها و مقادیر CSS

Safari 16.4 پشتیبانی از @property را اضافه می‌کند و ثبت ویژگی سفارشی CSS را مستقیماً در یک stylesheet فعال می‌کند. در مورد این موضوع در @property بیشتر بیاموزید: دادن ابرقدرت به متغیرهای CSS .

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

• 85
• 85
• 16.4

منبع

پشتیبانی از CSS API

با پشتیبانی از CSS Typed OM ، افزوده‌های عالی برای CSS همچنان در راه است. این API مقادیر CSS را به‌عنوان اشیاء جاوا اسکریپت تایپ‌شده به جای رشته‌ها نمایش می‌دهد. کار با CSS از جاوا اسکریپت را آسان‌تر می‌کند و نسبت به روش‌های موجود کارایی بیشتری دارد.

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

• 66
• 79
• ایکس
• 16.4

منبع

همچنین از شیوه نامه های قابل ساخت با CSSStyleSheet() پشتیبانی می شود. این امکان اشتراک‌گذاری شیوه نامه‌ها را بین یک سند و زیردرخت‌های سایه‌دار DOM آن فراهم می‌کند. با این نسخه از سافاری، شیوه نامه های قابل ساخت اکنون در هر سه موتور پشتیبانی می شود.

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

• 73
• 79
• 101
• 16.4

منبع

Web Push و Badging API

سافاری اکنون از Web Push به همراه Badging API پشتیبانی می‌کند که خبر خوبی برای توسعه‌دهندگان برنامه است. به طور خاص، این نسخه به این معنی است که اعلان های فشار در تمام موتورهای اصلی پشتیبانی می شوند .

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

• 42
• 17
• 44
• 16

منبع

وارد کردن نقشه ها

یکی دیگر از موارد افزودنی که یک ویژگی را به وضعیت قابلیت همکاری می رساند، افزودن نقشه های واردات جاوا اسکریپت است که واردات ماژول های ES را بسیار آسان تر می کند.

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

• 89
• 89
• 108
• 16.4

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

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

فایرفاکس 112 پشتیبانی از ویژگی inert را اضافه می کند، که این ویژگی مفید را در همه موتورها در دسترس قرار می دهد. در معرفی بی اثر می توانید در مورد بی اثر بیشتر بدانید. فایرفاکس همچنین پشتیبانی از تابع easing linear() را فعال می کند.

Chrome 112 و Safari 16.5 هر دو از CSS Nesting پشتیبانی می‌کنند، ویژگی که توسط بسیاری از توسعه‌دهندگان بسیار مورد انتظار است.

Chrome 112 همچنین شامل پشتیبانی از animation-composition است. نحوه کار این ویژگی را در مشخص کنید که چگونه جلوه های انیمیشن چندگانه باید با animation-composition ترکیب شوند .

اگر از حالت Headless Chrome استفاده می‌کنید، برای مثال با Puppeteer، 112 یک حالت کاملاً جدید Headless را ارائه می‌کند. در مورد آن در Chrome's Headless Mode ارتقا پیدا می کند .

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