استكشِف بعض الميزات الرائعة التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال شهر أيار (مايو) 2023.
إصدارات المتصفّح المستقرة
في أيار (مايو) 2023، أصبح Firefox 113 وChrome 113 وChrome 114 وSafari 16.5 ثابتًا. لنلقِ نظرة على ما يعنيه ذلك بالنسبة إلى منصّة الويب.
WebGPU
يشتمل الإصدار Chrome 113 على WebGPU، وتحلُّ واجهة برمجة التطبيقات لرسومات WebGL وWebGPU على الويب. وتوفّر هذه اللعبة ميزات حديثة مثل الحوسبة عبر وحدة معالجة الرسومات، وإمكانية استخدام أقل تكلفة من أجل استخدام أجهزة وحدة معالجة الرسومات، وإمكانية العرض على عدة لوحات من جهاز رسومات واحد، إلى جانب أداء أفضل يمكن توقّعه.
مجموعات نطاقات الطرف الأول
مجموعات نطاقات الطرف الأول (FPS) هي جزء من مبادرة حماية الخصوصية. وهي طريقة تتيح للمؤسسات الإعلان عن العلاقات بين المواقع الإلكترونية، بحيث يمكن للمتصفّحات تحديد الوقت المناسب للسماح بالوصول المحدود إلى ملفات تعريف الارتباط التابعة لجهات خارجية للمواقع الإلكترونية ضمن مجموعة معيّنة. بدأ طرح عدد اللقطات في الثانية في Chrome 113 على مراحل.
ميزات وسائط CSS وغيرها
بالنسبة إلى ملفات CSS، يتضمّن Chrome 113 ميزات الوسائط overflow-inline وoverflow-block.
بالإضافة إلى ميزة الوسائط update.
ويتم أيضًا تضمين وظيفة التخفيف linear()، التي يمكنك معرفة المزيد من المعلومات عنها في المقالة إنشاء منحنيات صور متحركة معقدة في CSS باستخدام وظيفة التخفيف linear().
التوافق مع المتصفح
- 113
- 113
- 112
- 17.2
ميزات المستوى 4 من لون CSS
يتضمّن الإصدار 113 من Firefox التدوينات الوظيفية color() وlab() وlch() وoklab() وoklch() وcolor-mix()، بالإضافة إلى خاصية فرض ضبط الألوان. وهذا يعني أن مساحات اللون والدوال الجديدة متوافقة الآن عبر جميع المحركات الرئيسية الثلاثة. يمكنك معرفة المزيد عن مساحات الألوان والدوالّ في دليل ألوان CSS عالية الدقة.
تحكُّم أكبر في :nth-child() اختيار
يتيح متصفّح Firefox 113 أيضًا إمكانية تمرير قائمة محدّدات إلى :nth-child() وnth-last-child(). تعرّف على مزيد من المعلومات حول هذا الأمر، واطّلِع على أمثلة في المشاركة مزيد من التحكّم في تحديدات :nth-child() باستخدام بنية S.
التوافق مع المتصفح
- 111
- 111
- 113
- 9
واجهة برمجة تطبيقات عمليات الضغط
وبفضل توافق واجهة برمجة التطبيقات Zipions Streams API مع المحرّكات الثلاثة الرئيسية الثلاثة، بسبب التضمين في Firefox 113، تتيح واجهة برمجة التطبيقات Crisis Streams API إمكانية ضغط وفك ضغط مجموعات البث. وهذا يعني أنّ تطبيقات JavaScript لم تعُد بحاجة إلى تجميع مكتبة ضغط.
تداخل CSS
حلّ Safari 16.5 معظم المشاكل، لكنه يضيف أيضًا الدعم لميزة دمج CSS، مع أداة اختيار التداخل الجديدة >، التي تُستخدم لدمج قواعد الأنماط ذات الصلة، بطريقة تكون مألوفة للمطوّرين الذين استخدموا المعالجات المسبقة:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
الموازنة بين العناوين الرئيسية و"text-wrap: balance"
من Chrome 114، يمكنك استخدام text-wrap: balance. ويتيح لك هذا الإجراء موازنة العناوين الرئيسية، وتجنُّب المشكلة المتمثلة في احتواء السطر الأخير على كلمة واحدة، وتوفير نتيجة أكثر متعةً وقابلية للقراءة. يمكنك معرفة المزيد من المعلومات في مقالة CSS text-wrap: Balance.
CHIPS: ملفات تعريف الارتباط في الحالة المقسَّمة المنفصلة
كجزء من العمل على تقسيم ملفات تعريف الارتباط التابعة لجهات خارجية على مراحل، تتيح ميزة CHIPS تفعيل ملفات تعريف الارتباط التابعة لجهات خارجية التي يتم تقسيمها على موقع إلكتروني ذي مستوى أعلى باستخدام سمة ملفات تعريف الارتباط الجديدة Partitioned. تتوفّر ميزة CHIPS في الإصدار 114 من Chrome.
واجهة برمجة التطبيقات Popover
ويتوفّر في Chrome 114 أيضًا واجهة برمجة تطبيقات Popover التي تسهّل إنشاء عناصر واجهة المستخدم المؤقتة التي يتم عرضها فوق جميع واجهات المستخدم الأخرى لتطبيقات الويب.
ويشمل ذلك العناصر التفاعلية للمستخدمين، مثل قوائم الإجراءات واقتراحات عناصر النموذج ومنتقي المحتوى وواجهة المستخدم التعليمية.
تتيح السمة المنبثقة الجديدة عرض أي عنصر في الطبقة العليا تلقائيًا. وهذا يعني عدم القلق بعد الآن بشأن وضع المطوِّر أو تجميع العناصر فيه أو التركيز أو تفاعلات لوحة المفاتيح.
تعرَّف على مزيد من المعلومات في مقدمة حول واجهة برمجة التطبيقات المنبثقة.
إصدارات المتصفّح التجريبي
وتتيح لك الإصدارات التجريبية من المتصفّح إمكانية معاينة الميزات التي ستكون في الإصدار الثابت التالي من المتصفّح. الوقت مناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثّر على موقعك الإلكتروني قبل طرح هذا الإصدار عالميًا. والإصدارات التجريبية الجديدة هي Firefox 114 وChrome 115 وSafari 16.6. توفّر هذه الإصدارات العديد من الميزات الرائعة على المنصة. يمكنك الاطلاع على ملاحظات الإصدار لمعرفة جميع التفاصيل، وإليك بعض النقاط المميزة.
يتضمّن الإصدار 115 من Chrome قيمًا متعددة للسمة display في CSS. هذا يعني أنّ display: flex تصبح display: block flex وdisplay: block display: block flow. يتم الاحتفاظ بالقيم الفردية ككلمات رئيسية قديمة، وعندما تكون في إصدار Chrome الثابت، تصبح القيم المتعددة متاحة على جميع المحرّكات.
وتتوفّر أيضًا الإضافتان ScrollTimeline وViewTimeline في مواصفات Web Animations، وذلك في Chrome 115. تتيح هذه الوظائف الصور المتحركة التي تظهر بالتمرير عبر CSS وJavaScript.
يتضمّن إصدار Firefox 114 WebTransport API، وهي تحديث حديث في WebSockets يوفّر إمكانية استخدام مجموعات بث متعدّدة وأحداث بث أحادية الاتجاه وإمكانية التسليم خارج الطلب.
جزء من سلسلة "الجديد على الويب"