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

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

في أيار (مايو) 2023، أصبح Firefox 113 وChrome 113 وChrome 114 وSafari 16.5 إصدارات مستقرة. لنلقِ نظرة على ما يعنيه ذلك بالنسبة إلى منصة الويب.

يتضمّن الإصدار 113 من Chrome واجهة برمجة التطبيقات WebGPU، وهي الإصدار الأحدث من واجهات برمجة التطبيقات WebGL وWebGL 2 للرسومات على الويب. وتوفّر هذه الميزة ميزات حديثة، مثل معالجة وحدة معالجة الرسومات، وإمكانية الوصول إلى أجهزة وحدة معالجة الرسومات بتكلفة أقل، والقدرة على عرض المحتوى على لوحات متعددة من جهاز رسومات واحد، وأداء أفضل يمكن توقّعه بشكل أكبر.

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

  • Chrome: 113
  • Edge: 113
  • Firefox Technology Preview: متوافق
  • Safari Technology Preview: متاح

المصدر

مجموعات نطاقات الطرف الأول

مجموعات نطاقات الطرف الأول (FPS) هي جزء من مبادرة حماية الخصوصية. وهي طريقة تتيح للمؤسسات الإفصاح عن العلاقات بين المواقع الإلكترونية، حتى تتمكّن المتصفّحات من تحديد الحالات التي تسمح فيها بوصول محدود لملفات تعريف الارتباط التابعة لجهات خارجية إلى المواقع الإلكترونية ضمن مجموعة معيّنة. بدأ فريق FPS بطرح الميزة على مراحل في الإصدار 113 من Chrome.

ميزات وسائط CSS والمزيد

بالنسبة إلى CSS، يتضمّن Chrome 113 ميزتَي وسائط overflow-inline وoverflow-block.

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

  • Chrome: 113.
  • Edge: 113
  • Firefox: 66
  • ‫Safari: 17

المصدر

وميزة الوسائط "update".

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

  • Chrome: 113.
  • Edge: 113
  • ‫Firefox: 102
  • ‫Safari: 17

المصدر

تتضمّن هذه الميزة أيضًا دالة التخفيف linear()، ويمكنك الاطّلاع على مزيد من المعلومات عنها في المقالة إنشاء منحنيات معقدة للرسوم المتحركة في CSS باستخدام دالة التخفيف linear().

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

  • Chrome: 113
  • Edge: 113
  • ‫Firefox: 112
  • ‫Safari: 17.2

ميزات مستوى الألوان 4 في CSS

يشتمل الإصدار 113 من Firefox على التدوينات الوظيفية color()، وlab()، وlch()، وoklab()، وoklch()، وcolor-mix()، إلى جانب خاصية "فرض ضبط الألوان". وهذا يعني أنّ مساحات الألوان والوظائف الجديدة متاحة الآن في جميع المحرّكات الرئيسية الثلاثة. يمكنك الاطّلاع على مزيد من المعلومات عن مساحات الألوان والدوالّ هذه في دليل ألوان CSS عالي الدقة.

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

  • Chrome: 111
  • Edge: 111.
  • Firefox: 113.
  • Safari: 16.2

المصدر

إمكانية تحكّم أكبر في اختيارات :nth-child()

يضيف Firefox 113 أيضًا إمكانية تمرير قائمة أدوات اختيار إلى :nth-child() وnth-last-child(). اطّلِع على مزيد من المعلومات حول هذا الموضوع، ويمكنك الاطّلاع على أمثلة في المقالة مزيد من التحكّم في اختيارات ‎:nth-child() باستخدام بنية of S.

دعم المتصفح

  • Chrome: 111.
  • Edge: 111.
  • Firefox: 113.
  • ‫Safari: 9

واجهة برمجة التطبيقات Compressions Streams API

تتيح واجهة برمجة التطبيقات Compressions Streams API ضغط أحداث البث وفك ضغطها، وهي متاحة الآن في جميع المحرّكات الرئيسية الثلاثة بسبب تضمينها في الإصدار 113 من Firefox. وهذا يعني أنّ تطبيقات JavaScript لم تعُد بحاجة إلى تجميع مكتبة ضغط.

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

  • Chrome: 80
  • الحافة: 80.
  • Firefox: 113.
  • Safari: الإصدار 16.4.

المصدر

تداخل CSS

تم حل المشاكل في الإصدار 16.5 من Safari معظمه، ولكنّه أضفنا أيضًا دعمًا لـ دمج CSS، باستخدام أداة اختيار التداخل الجديدة >، والمستخدمة لدمج قواعد الأنماط ذات الصلة بطريقة تكون مألوفة للمطوّرين الذين استخدموا المعالجات المسبقة:

.nesting {
 
color: hotpink;

 
> .is {
   
color: rebeccapurple;

   
> .awesome {
     
color: deeppink;
   
}
 
}
}

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

  • Chrome: 120
  • الحافة: 120
  • Firefox: 117
  • ‫Safari: 17.2

المصدر

موازنة العناوين باستخدام text-wrap: balance

يمكنك استخدام text-wrap: balance من الإصدار 114 من Chrome. يتيح لك ذلك موازنة العناوين، وتجنُّب مشكلة ظهور كلمة واحدة في السطر الأخير، ما ينتج عنه نتيجة أكثر إرضاءً وسهولة في القراءة. يمكنك معرفة المزيد في CSS text-wrap: Balance.

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

  • Chrome: 114
  • ‫Edge: 114
  • Firefox: 121.
  • Safari: الإصدار 17.4.

المصدر

CHIPS: ملفات تعريف الارتباط في الحالة المقسَّمة المنفصلة

في إطار العمل على الاستغناء تدريجيًا عن ملفات تعريف الارتباط التابعة لجهات خارجية، تتيح CHIPS تفعيل ملفات تعريف الارتباط التابعة لجهات خارجية التي يتم تقسيمها حسب الموقع الإلكتروني من المستوى الأعلى باستخدام سمة ملف تعريف الارتباط الجديدة Partitioned. تتوفّر تقنية CHIPS في الإصدار 114 من Chrome.

واجهة برمجة التطبيقات Popover API

يتضمّن الإصدار 114 من Chrome أيضًا واجهة برمجة التطبيقات Popover API التي تسهّل إنشاء عناصر واجهة مستخدم عابرة يتم عرضها فوق جميع عناصر واجهة مستخدم تطبيقات الويب الأخرى.

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

تمكّن سمة النافذة المنبثقة الجديدة عرض أي عنصر في الطبقة العليا تلقائيًا. وهذا يعني أنّه لم يعُد على المطوّر القلق بشأن موضع العناصر أو تجميعها أو التركيز أو التفاعلات مع لوحة المفاتيح.

اطّلِع على مزيد من المعلومات في مقالة لمحة عن واجهة برمجة التطبيقات popover API.

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

  • Chrome: 114
  • ‫Edge: 114
  • Firefox: 120
  • ‫Safari: 17

المصدر

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

تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفر في الإصدار الثابت التالي من المتصفّح. هذا هو الوقت المناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. الإصدارات التجريبية الجديدة هي Firefox 114 وChrome 115 وSafari 16.6. توفّر هذه الإصدارات العديد من الميزات الرائعة للمنصة. يمكنك الاطّلاع على ملاحظات الإصدار لمعرفة جميع التفاصيل، وإليك بعض الميزات البارزة.

يتضمّن الإصدار 115 من Chrome قيمًا متعدّدة لسمة CSS display. وهذا يعني أنّ display: flex يصبح display: block flex وdisplay: block يصبح display: block flow. يتم الاحتفاظ بالقيم الفردية ككلمات رئيسية قديمة، ويؤدي ذلك في إصدار Chrome الثابت إلى إتاحة القيم المتعددة على مستوى جميع المحرّكات.

وفي الإصدار 115 من Chrome أيضًا، تتوفّر الإضافتان ScrollTimeline وViewTimeline لمواصفات "الصور المتحركة على الويب". تتيح هذه العناصر الصور المتحركة المستندة إلى الانتقال في الصفحة من خلال CSS وJavaScript.

يتضمّن الإصدار 114 من Firefox واجهة برمجة التطبيقات WebTransport API، وهي تحديث حديث لواجهة WebSockets يوفر إمكانية استخدام أحداث البث المتعدّدة والبث أحادي الاتجاه والتسليم بترتيب غير متسلسل.

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