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

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

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

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

طرق ضبط JavaScript

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

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

  • Chrome: 122
  • Edge:‏ 122
  • Firefox: 127.
  • ‫Safari: 17

المصدر

لمزيد من المعلومات، يُرجى الاطّلاع على المقالة طرق JavaScript Set هي الآن جزء من Baseline.

Async Clipboard API

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

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

  • Chrome: 76
  • ‫Edge: 79
  • Firefox: 127.
  • ‫Safari: 13.1

المصدر

التداخل اللوني في تدرّجات صفحات الأنماط المتتالية (CSS)

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

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

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

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

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

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

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

@view-transition {
  navigation: auto;
}

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

  • Chrome: 126
  • Edge:‏ 126
  • Firefox: غير متوافق
  • Safari Technology Preview: متاح

اطّلِع على مزيد من المعلومات في مستندات عمليات الانتقال بين طرق العرض في المستندات.

إضافة Gamepad API trigger-rumble

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

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

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

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

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

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