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

اطّلِع على بعض الميزات المثيرة للاهتمام التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال حزيران (يونيو) 2024.

Rachel Andrew

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

في يونيو 2024، أصبح Firefox 127 وChrome 126 ثابتَين. تتناول هذه المشاركة الميزات الجديدة التي تمت إضافتها إلى النظام الأساسي للويب.

طرق ضبط JavaScript

المجموعات هي هيكل بيانات أساسي في أي لغة برمجة. يمكنك الآن استخدام الطرق المضمنة في JavaScript لتنفيذ عمليات محددة. أصبحت طرق الإعداد التالية متوفّرة الآن في الإصدار 127 من Firefox، وأصبحت جزءًا من مجموعة Baseline الجديدة المتوفرة:

• intersection()
• union()
• difference()
• symmetricDifference()
• isSubsetOf()
• isSupersetOf()
• isDisjointFrom()

للمزيد من المعلومات، يمكنك الاطّلاع على أصبحت طرق مجموعة JavaScript جزءًا من "المقياس الأساسي".

Async Clipboard API

أصبحت الآن واجهة برمجة التطبيقات Clipboard API متوافقة بالكامل مع الإصدار 127 من Firefox. يتيح متصفّح Firefox الآن واجهة ClipboardItem، إلى جانب الطريقتَين read() وwrite() في واجهة "الحافظة". يمكنك الحصول على مزيد من المعلومات حول Clipboard API في مقالة إزالة حظر الوصول إلى الحافظة.

استقراء الألوان في تدرجات CSS

يتم تحديد تدرّجات CSS لقبول <color-interpolation-method>، ويتوفّر هذا الآن في Firefox، ما يجعل هذا الأمر قابلاً للتشغيل التفاعلي على جميع المحرّكات الرئيسية. ويمكنك الآن مثلاً تحديد linear-gradient() باستخدام نظام ألوان hsl والاستيفاء الأطول.

.longer {
  background: linear-gradient(90deg in hsl longer hue, red, blue);
}

عمليات الانتقال بين طرق العرض في جميع المستندات

في السابق، كان عليك إعادة تصميم موقعك الإلكتروني ليصبح SPA لاستخدام واجهة برمجة تطبيقات View Transitions API. لقد اختلف الوضع اليوم. بدءًا من الإصدار 126 من Chrome، أصبحت انتقالات العرض مُفعَّلة تلقائيًا في عمليات التنقّل من المصدر نفسه. يمكنك الانتقال بين طرق عرض مختلفة بين مستندَين مختلفَين من المصدر نفسه.

لتفعيل الانتقال بين طريقة العرض في جميع المستندات، يجب أن يوافق كلا الطرفين. لإجراء ذلك، استخدم القاعدة @view-transition واضبط واصف التنقّل على auto.

@view-transition {
  navigation: auto;
}

تعرَّف على مزيد من المعلومات في المستندات حول عمليات النقل إلى عرض مستند إلى مختلف المستندات.

إضافة Gamepad API trigger-rumble

يوسّع Chrome 126 واجهة GamepadHapticActuator لعرض ميزة trigger-rumble على الويب لأجهزة الألعاب المتوافقة. ستسمح هذه الإضافة لتطبيقات الويب التي تستفيد من واجهة برمجة تطبيقات Gamepad API باهتزاز أجهزة لوحة الألعاب المزوّدة بهذه الوظيفة أيضًا.

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

تمنحك إصدارات المتصفح التجريبية إمكانية معاينة الأشياء التي ستكون في الإصدار الثابت التالي من المتصفح. وهذا الوقت مناسب لاختبار الميزات أو عمليات الإزالة الجديدة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. والإصدارات التجريبية الجديدة هي Firefox 128 وChrome 127 وSafari 18 وSafari 17.6. توفّر هذه الإصدارات العديد من الميزات الرائعة على المنصة. فراجع ملاحظات الإصدار لمعرفة كل التفاصيل. إليك بعض الإشعارات المهمة.

الإصدار 17.6 من Safari هو إصدار من إصلاحات للميزات الحالية. يحتوي Safari 18 على عدد من الميزات الجديدة الرائعة، بما في ذلك طلبات البحث في حاويات الأنماط، وواجهة برمجة تطبيقات العرض الانتقال لتطبيقات الصفحة الواحدة، وإتاحة الكلمة الرئيسية safe في خصائص flexbox.

يتضمّن Chrome 127 سمة font-size-adjust في CSS، وإمكانية تحديد النص البديل في المحتوى الذي يتم إنشاؤه كعدد عشوائي من العناصر، والقدرة على إضافة معلومات عن فصول فردية في MediaMetaData.

يتضمّن Firefox 128 خصائص CSS وقيمها، ما يجعل هذه الميزة متوفّرة حديثًا. استخدِم @property لتحديد type وضبط قيمة احتياطية لسمات CSS المخصّصة.