جديد على منصة الويب في كانون الثاني (يناير)

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

Rachel Andrew

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

في كانون الثاني (يناير)، أصبح الإصدار 97 من Chrome والإصدار 96 من Firefox متوفّرَين بشكل ثابت.

تم تضمين وظيفة اللون hwb() في الإصدار 96 من Firefox. تعبّر هذه الدالة عن اللون حسب درجة اللون والبياض والسواد.

تتوفّر أيضًا خاصية color-scheme في CSS في Firefox 96. تمنحك هذه السمة طريقة للإشارة إلى أنظمة الألوان التي يمكن عرض العنصر بها. على سبيل المثال، للإشارة إلى إمكانية عرض .widget في الوضع الفاتح أو الوضع الداكن في نظام التشغيل، يمكنك استخدام CSS التالية.

.widget {
  color-scheme: light dark;
}

إذا كان مخطط الألوان يظهر في Firefox، يعني ذلك أنّ الموقع متاح في Chrome وFirefox وSafari.

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

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

كانت الإصدارات التجريبية لشهر كانون الثاني (يناير) هي Chrome 98 وFirefox 97 وSafari 15.4 Beta 1.

يتيح الإصدار 98 من Chrome استخدام خطوط متّجه تدرج الألوان COLRv1 كتنسيق خط جديد إضافي. يحتوي الخط الملوّن على رموز رسومية بألوان متعدّدة، ويمكن أن يكون مثلاً رمزًا تعبيريًا أو علم بلد أو حرفًا متعدّد الألوان.

يمكنك الاطّلاع على مزيد من المعلومات حول تنسيق الخطوط الجديد هذا في المقالة COLRv1 Color Gradient Vector Fonts in Chrome 98 (خطوط متجهّة متدرجة الألوان بتنسيق COLRv1 في Chrome 98).

ويتضمّن أيضًا طريقة structuredClone() لإنشاء نُسخ عميقة من العناصر، واستعلامات وسائط CSS dynamic-range وvideo-dynamic-range. يمكنك العثور على المزيد من الميزات لاختبارها في مشاركة الإصدار التجريبي من Chrome 98.

تقدّم لك أدوات مطوري البرامج في Chrome 98 مجموعة كاملة من الميزات الجديدة، بما في ذلك شجرة تسهيل الاستخدام الكاملة الجديدة.

يتيح الإصدار التجريبي من Firefox 97 استخدام وحدتَي cap وic لسمة length، كما ينفّذ السمة scrollbar-gutter.

تتوفّر مجموعة كاملة من الميزات الرائعة في الإصدار التجريبي من Safari 15.4. تشمل الميزات تنفيذ العنصر النائب ::backdrop والطبقة النائبة :focus-visible والسمة accent-color وميزة "الحاويات" في CSS باستخدام السمة contain. يشتمل هذا الإصدار التجريبي أيضًا على عنصر HTML <dialog> والسمة lazy على الصور لتفعيل التحميل الكسول، بالإضافة إلى إمكانية استخدام رموز بيان تطبيق الويب.

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

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