برخی از ویژگی های جالبی را که در طول مارس 2022 در مرورگرهای وب پایدار و بتا یافت شدند، کشف کنید.
نسخه های مرورگر پایدار
در ماه مارس، Chrome 99 ، Chrome 100 ، Firefox 98 و Safari 15.4 پایدار شدند. این یک دسته کامل از ویژگیهای جدید را به این پلتفرم آورد و بسیاری از این موارد به این معنی بود که این ویژگی در هر سه موتور مرورگر در دسترس قرار گرفت. در این پست، من بر آن دسته از موارد افزودهای تمرکز کردهام که به ما قابلیت همکاری بین مرورگر را میدهد، اما برای مشاهده تمام ویژگیهای اضافه شده به هر موتور، یادداشتهای انتشار را بررسی کنید.
Chrome 99 و Safari 15.4 شامل لایههای Cascade هستند. @layer
at-rule یک لایه آبشاری را تعریف میکند و به شما در کنترل ویژگی کمک میکند. آنها به فایرفاکس می پیوندند، و بنابراین لایه های Cascade اکنون در هر سه موتور مرورگر موجود است. درباره لایههای آبشار در لایههای آبشار بیشتر به مرورگر شما میآیند .
Chrome 100 شامل مقدار جدید plus-lighter
برای ویژگی CSS mix-blend-mode است. این مقدار زمانی مفید است که دو عنصر را متقاطع محو می کنند، زمانی که همه یا زیر مجموعه ای از پیکسل ها مقادیر یکسانی دارند. میتوانید در مورد مشکلی که با این روش حل میشود بیشتر بخوانید.
پشتیبانی مرورگر
Safari 15.4 شامل ویژگی contain
است که اجازه می دهد تا CSS را مهار کند.
همچنین در Safari 15.4 accent-color
است که کنترل رنگ تاکیدی استفاده شده در برخی از کنترلهای فرم را میدهد.
فایرفاکس 98 و سافاری 15.4 عنصر <dialog>
را که نمایانگر یک کادر محاوره ای است، وارد کردند.
سافاری 15.4 همچنین پشتیبانی از کلاس شبه :focus-visible
را تکمیل کرد. کار پیاده سازی در این مورد توسط Igalia بود.
مرورگر بتا منتشر شد
نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگیهای جدید یا حذفهایی است که میتواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند.
نسخه های بتا جدید در ماه مارس کروم 101 و فایرفاکس 99 بودند.
Chrome 101 بتا شامل نماد رنگی hwb است. این رنگ را با توجه به رنگ، سفیدی و سیاهی آن مشخص می کند. مانند سایر نمادهای رنگی، یک جزء آلفا اختیاری کدورت را مشخص می کند.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
فایرفاکس 99 دارای ویژگی pdfViewerEnabled
رابط Navigator است. این ویژگی نشان می دهد که آیا مرورگر از نمایش درون خطی فایل های PDF پشتیبانی می کند یا خیر.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
این ویژگی های بتا به زودی در مرورگرهای پایدار قرار خواهند گرفت.
بخشی از سری جدید به وب