جديد على النظام الأساسي للويب في آذار (مارس)

تعرَّف على بعض الميزات المثيرة للاهتمام التي تم طرحها في إصدارات الويب الثابتة والتجريبية خلال شهر آذار (مارس) 2022.

في شهر آذار (مارس)، أصبحت الإصدارات Chrome 99 وChrome 100 وFirefox 98 وSafari 15.4 متوفّرة بشكلٍ ثابت. وقد وفّرت هذه الخطوة مجموعة كاملة من الميزات الجديدة على المنصة، وساهمت العديد من هذه الإضافات في توفّر الميزة في جميع محرّكات المتصفّحات الثلاثة. في هذه المشاركة، ركّزت على الإضافات التي توفّر لنا إمكانية التشغيل التفاعلي على جميع المتصفّحات، ولكن يمكنك الاطّلاع على ملاحظات الإصدار للاطّلاع على جميع الميزات التي تمت إضافتها إلى كل محرّك.

يتضمّن Chrome 99 وSafari 15.4 طبقات متتالية. تحدِّد قاعدة at-rule‏ @layer طبقة متسلسلة، ما يساعدك في التحكّم في التحديد. وقد أصبحت هذه الميزة متاحة الآن في جميع محرّكات المتصفّحات الثلاثة. اطّلِع على مزيد من المعلومات عن "الطبقات المتراكبة" في المقالة الطبقات المتراكبة ستتوفّر في المتصفّح.

توافق المتصفّح

  • Chrome: 99.
  • Edge: 99.
  • Firefox: 97
  • ‫Safari: 15.4

المصدر

يتضمّن الإصدار 100 من Chrome القيمة الجديدة plus-lighter لسمة mix-blend-mode في CSS. تكون هذه القيمة مفيدة عند دمج عنصرَين معًا عندما تكون جميع وحدات البكسل أو مجموعة فرعية منها لها القيم نفسها. يمكنك الاطّلاع على مزيد من المعلومات عن المشكلة التي يتم حلّها في المقالة من المستحيل حاليًا استخدام ميزة "التمويه المتداخل" مع أي عنصرَين من عناصر DOM.

توافق المتصفّح

  • Chrome: 100
  • Edge: 100
  • Firefox: 99.
  • ‫Safari: 9.1

يتضمّن Safari 15.4 الخاصية contain، ما يتيح احتواء CSS.

توافق المتصفّح

  • Chrome: 52
  • ‫Edge: 79
  • Firefox: 69
  • ‫Safari: 15.4

المصدر

يتوفّر أيضًا في Safari 15.4 الرمز accent-color الذي يتيح التحكّم في اللون المميّز المستخدَم في بعض عناصر التحكّم في النماذج.

دعم المتصفح

  • Chrome: 93.
  • ‫Edge: 93
  • ‫Firefox: 92
  • Safari: الإصدار 15.4.

المصدر

طرح Firefox 98 وSafari 15.4 العنصر <dialog> الذي يمثّل مربّع حوار.

دعم المتصفح

  • Chrome: 37
  • الحافة: 79.
  • Firefox: 98
  • Safari: الإصدار 15.4.

المصدر

أكمل Safari 15.4 أيضًا إتاحة الفئة الزائفة :focus-visible. تم تنفيذ عملية التنفيذ هذه من قِبل شركة Igalia.

توافق المتصفّح

  • Chrome: 86
  • ‫Edge: 86
  • Firefox: 85
  • ‫Safari: 15.4

المصدر

إصدارات المتصفّح التجريبية

تمنحك إصدارات المتصفح التجريبي معاينة الأشياء التي ستكون في الإصدار الثابت التالي من المتصفح. ننصحك باختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار.

كان Chrome 101 وFirefox 99 الإصدارَين التجريبيَين الجديدَين في آذار (مارس).

يتضمّن الإصدار التجريبي من Chrome 101 ترميز الألوان hwb. تحدّد هذه السمة اللون حسب صبغته وبياضه وسواده. كما هو الحال مع علامات الألوان الأخرى، يحدِّد مكوّن ألفا اختياري مستوى الشفافية.

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

توافق المتصفّح

  • Chrome: 101.
  • Edge: 101.
  • Firefox: 96.
  • Safari: 15.

المصدر

يتضمّن Firefox 99 السمة pdfViewerEnabled لواجهة Navigator. تشير هذه السمة إلى ما إذا كان المتصفّح يتيح العرض المضمّن لملفات PDF.

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

توافق المتصفّح

  • Chrome: 94
  • ‫Edge: 94
  • Firefox: 99.
  • ‫Safari: 16.4

المصدر

ستتوفّر هذه الميزات التجريبية في المتصفّحات الثابتة قريبًا.

جزء من سلسلة الميزات الجديدة على الويب