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