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

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

راشل اندرو

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

در ماه مارس، Chrome 99 ، Chrome 100 ، Firefox 98 و Safari 15.4 پایدار شدند. این یک دسته کامل از ویژگی‌های جدید را به این پلتفرم آورد و بسیاری از این موارد به این معنی بود که این ویژگی در هر سه موتور مرورگر در دسترس قرار گرفت. در این پست، من بر آن دسته از موارد افزوده‌ای تمرکز کرده‌ام که به ما قابلیت همکاری بین مرورگر را می‌دهد، اما برای مشاهده تمام ویژگی‌های اضافه شده به هر موتور، یادداشت‌های انتشار را بررسی کنید.

Chrome 99 و Safari 15.4 شامل لایه‌های Cascade هستند. @layer at-rule یک لایه آبشاری را تعریف می‌کند و به شما در کنترل ویژگی کمک می‌کند. آنها به فایرفاکس می پیوندند، و بنابراین لایه های Cascade اکنون در هر سه موتور مرورگر موجود است. درباره لایه‌های آبشار در لایه‌های آبشار بیشتر به مرورگر شما می‌آیند .

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

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

منبع

Chrome 100 شامل مقدار جدید plus-lighter برای ویژگی CSS mix-blend-mode است. این مقدار زمانی مفید است که دو عنصر را متقاطع محو می کنند، زمانی که همه یا زیر مجموعه ای از پیکسل ها مقادیر یکسانی دارند. می‌توانید در مورد مشکلی که با این روش حل می‌شود بیشتر بخوانید.

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

  • کروم: 100.
  • لبه: 100.
  • فایرفاکس: 99.
  • سافاری: 9.1.

Safari 15.4 شامل ویژگی contain است که اجازه می دهد تا CSS را مهار کند.

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

  • کروم: 52.
  • لبه: 79.
  • فایرفاکس: 69.
  • سافاری: 15.4.

منبع

همچنین در Safari 15.4 accent-color است که کنترل رنگ تاکیدی استفاده شده در برخی از کنترل‌های فرم را می‌دهد.

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

  • کروم: 93.
  • لبه: 93.
  • فایرفاکس: 92.
  • سافاری: 15.4.

منبع

فایرفاکس 98 و سافاری 15.4 عنصر <dialog> را که نمایانگر یک کادر محاوره ای است، وارد کردند.

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

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

منبع

سافاری 15.4 همچنین پشتیبانی از کلاس شبه :focus-visible را تکمیل کرد. کار پیاده سازی در این مورد توسط Igalia بود.

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

  • کروم: 86.
  • لبه: 86.
  • فایرفاکس: 85.
  • سافاری: 15.4.

منبع

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

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

نسخه های بتا جدید در ماه مارس کروم 101 و فایرفاکس 99 بودند.

Chrome 101 بتا شامل نماد رنگی hwb است. این رنگ را با توجه به رنگ، سفیدی و سیاهی آن مشخص می کند. مانند سایر نمادهای رنگی، یک جزء آلفا اختیاری کدورت را مشخص می کند.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

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

  • کروم: 101.
  • لبه: 101.
  • فایرفاکس: 96.
  • سافاری: 15.

منبع

فایرفاکس 99 دارای ویژگی pdfViewerEnabled رابط Navigator است. این ویژگی نشان می دهد که آیا مرورگر از نمایش درون خطی فایل های PDF پشتیبانی می کند یا خیر.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

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

  • کروم: 94.
  • لبه: 94.
  • فایرفاکس: 99.
  • سافاری: 16.4.

منبع

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

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