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

تعرَّف على بعض الميزات المثيرة للاهتمام التي تم طرحها في متصفّحات الويب الثابتة والتجريبية خلال شهر أيار (مايو) 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)، يتضمّن الإصدار 113 من Chrome ميزتَي الوسائط 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()، بالإضافة إلى خاصية forced-color-adjust. وهذا يعني أنّ مساحات الألوان والوظائف الجديدة متاحة الآن في جميع المحرّكات الرئيسية الثلاثة. يمكنك الاطّلاع على مزيد من المعلومات عن مساحات الألوان والدوالّ هذه في دليل ألوان 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 لمواصفات Web Animations. تتيح هذه العناصر الصور المتحركة المستندة إلى الانتقال في الصفحة من خلال CSS وJavaScript.

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

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