تعرَّف على بعض الميزات المثيرة للاهتمام التي تم طرحها في متصفّحات الويب الثابتة والتجريبية خلال شهر أيار (مايو) 2023.
إصدارات المتصفّحات الثابتة
في أيار (مايو) 2023، أصبح Firefox 113 وChrome 113 وChrome 114 وSafari 16.5 إصدارات مستقرة. لنلقِ نظرة على ما يعنيه ذلك بالنسبة إلى منصة الويب.
WebGPU
يتضمّن الإصدار 113 من Chrome واجهة برمجة التطبيقات WebGPU، وهي الإصدار الأحدث من واجهات برمجة التطبيقات WebGL وWebGL 2 للرسومات على الويب. وتوفّر هذه الميزة ميزات حديثة، مثل معالجة وحدة معالجة الرسومات، وإمكانية الوصول إلى أجهزة وحدة معالجة الرسومات بتكلفة أقل، والقدرة على عرض لوحات متعددة من جهاز رسومات واحد، وأداء أفضل يمكن توقّعه بشكل أكبر.
مجموعات نطاقات الطرف الأول
مجموعات نطاقات الطرف الأول (FPS) هي جزء من مبادرة حماية الخصوصية. وهي طريقة تتيح للمؤسسات الإفصاح عن العلاقات بين المواقع الإلكترونية، حتى تتمكّن المتصفّحات من تحديد الحالات التي تسمح فيها بوصول محدود لملفات تعريف الارتباط التابعة لجهات خارجية إلى المواقع الإلكترونية ضمن مجموعة معيّنة. بدأ فريق FPS بطرح الميزة على مراحل في الإصدار 113 من Chrome.
ميزات وسائط CSS والمزيد
بالنسبة إلى صفحات الأنماط المتتالية (CSS)، يتضمّن الإصدار 113 من Chrome ميزتَي الوسائط overflow-inline
وoverflow-block
.
ميزة الوسائط update
تتضمّن هذه الميزة أيضًا دالة التخفيف linear()
، ويمكنك الاطّلاع على مزيد من المعلومات عنها في المقالة إنشاء منحنيات معقدة للرسوم المتحركة في CSS باستخدام دالة التخفيف linear()
.
توافق المتصفّح
ميزات مستوى الألوان 4 في CSS
يتضمّن الإصدار 113 من Firefox الرموز الوظيفية color()
وlab()
وlch()
وoklab()
وoklch()
وcolor-mix()
، بالإضافة إلى خاصية forced-color-adjust. وهذا يعني أنّ مساحات الألوان والوظائف الجديدة متاحة الآن في جميع المحرّكات الرئيسية الثلاثة. يمكنك الاطّلاع على مزيد من المعلومات عن مساحات الألوان والدوالّ هذه في دليل ألوان CSS عالي الدقة.
إمكانية تحكّم أكبر في اختيارات :nth-child()
يضيف Firefox 113 أيضًا إمكانية تمرير قائمة أدوات اختيار إلى :nth-child()
وnth-last-child()
. اطّلِع على مزيد من المعلومات حول هذا الموضوع، وراجِع الأمثلة في المقالة مزيد من التحكّم في اختيارات :nth-child() باستخدام بنية of S.
توافق المتصفّح
واجهة برمجة التطبيقات Compressions Streams API
تتيح واجهة برمجة التطبيقات Compressions Streams API ضغط أحداث البث وفك ضغطها، وهي متاحة الآن في جميع المحرّكات الرئيسية الثلاثة بسبب تضمينها في الإصدار 113 من Firefox. وهذا يعني أنّ تطبيقات JavaScript لم تعُد بحاجة إلى تجميع مكتبة ضغط.
تداخل CSS
حلّت الإصدار 16.5 من Safari معظم المشاكل، ولكنه يضيف أيضًا ميزة تداخل CSS باستخدام أداة اختيار التداخل الجديدة >
، والتي تُستخدَم لتداخل قواعد الأنماط ذات الصلة، بطريقة ستكون مألوفة للمطوّرين الذين استخدموا المعالجات المسبقة:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
موازنة العناوين باستخدام text-wrap: balance
يمكنك استخدام text-wrap: balance
من الإصدار 114 من Chrome. يتيح لك ذلك موازنة العناوين، وتجنُّب مشكلة ظهور كلمة واحدة في السطر الأخير، ما ينتج عنه نتيجة أكثر إرضاءً وسهولة في القراءة. يمكنك الاطّلاع على مزيد من المعلومات في CSS text-wrap: balance.
CHIPS: ملفات تعريف الارتباط في الحالة المقسَّمة المنفصلة
في إطار العمل على الاستغناء تدريجيًا عن ملفات تعريف الارتباط التابعة لجهات خارجية، تتيح CHIPS تفعيل ملفات تعريف الارتباط التابعة لجهات خارجية التي يتم تقسيمها حسب الموقع الإلكتروني من المستوى الأعلى باستخدام سمة ملف تعريف الارتباط الجديدة Partitioned
. تتوفّر تقنية CHIPS في الإصدار 114 من Chrome.
واجهة برمجة التطبيقات Popover API
يتضمّن الإصدار 114 من Chrome أيضًا Popover API التي تسهّل إنشاء عناصر واجهة مستخدم عابرة يتم عرضها فوق جميع عناصر واجهة مستخدم تطبيقات الويب الأخرى.
وتشمل هذه العناصر التفاعلية مع المستخدم، مثل قوائم الإجراءات واقتراحات عناصر النماذج وأدوات اختيار المحتوى وواجهة المستخدم التعليمية.
تتيح سمة النافذة المنبثقة الجديدة عرض أي عنصر في الطبقة العليا تلقائيًا. وهذا يعني أنّه لم يعُد على المطوّر القلق بشأن موضع العناصر أو تجميعها أو التركيز أو التفاعلات مع لوحة المفاتيح.
اطّلِع على مزيد من المعلومات في مقالة لمحة عن واجهة برمجة التطبيقات popover API.
إصدارات المتصفّح التجريبية
تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفر في الإصدار الثابت التالي من المتصفّح. هذا هو الوقت المناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. الإصدارات التجريبية الجديدة هي 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 يوفر إمكانية استخدام أحداث البث المتعدّدة والبث أحادي الاتجاه والتسليم بترتيب غير متسلسل.
جزء من سلسلة الميزات الجديدة على الويب