الميزات الجديدة في Chrome 126

Adriana Jara

في ما يلي ما تحتاج إلى معرفته:

اسمي أدريانا جارا. لنتعرّف على الميزات الجديدة للمطوّرين في Chrome 126.

عمليات النقل التي تتم من خلال عرض مستندات متعددة في عمليات التنقّل من المصدر نفسه

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

لتنفيذ الانتقال بين طريقة العرض في جميع المستندات، يجب أن يوافق كلا الطرفين. لإجراء ذلك، استخدم نقل العرض عند القاعدة وعيِّن واصف التنقل على "تلقائي".

تستخدم عمليات انتقال عرض المستندات المتعدّدة الوحدات الأساسية والمبادئ نفسها المستخدَمة في عمليات انتقال عرض المستند نفسه.

@view-transition {
  navigation: auto;
}

يمكنك الانتقال إلى مقالة عمليات النقل السلسة باستخدام واجهة برمجة التطبيقات View Transition API لمعرفة المزيد من التفاصيل.

تمّت إعادة تفعيل CloseWatcher API.

بالنسبة إلى العناصر <dialog> وpopover=""، تسهّل واجهة برمجة التطبيقات CloseWatcher معالجة الطلبات القريبة، مثل مفتاح ESC على أنظمة سطح المكتب أو إيماءة الرجوع في Android.

تم شحن هذه الميزة في الأصل في Chrome 120، ولكن تم إيقافها بسبب تفاعل غير متوقع مع عنصر مربع الحوار. تمّت إعادة تفعيلها في الإصدار 126 من Chrome بعد إجراء تحسينات لتقليل المشاكل السابقة.

لمعرفة كيفية استخدام CloseWatcher، يمكنك الانتقال إلى العرض التوضيحي للتطبيق.

إضافة إطلاق النار في Gamepad API

أصبحت إمكانية النقر على الزناد جزءًا من واجهة برمجة تطبيقات Gamepad. وهو يحسِّن تجارب الألعاب على الويب لوحدات التحكُّم المتوافقة.

تعمل trigger-rumble على توسيع GamepadHapticActuator، وهي واجهة تمثل الأجهزة في وحدة التحكّم المصممة لتقديم تجاوب حسي للمستخدم (إذا كان ذلك متاحًا). تسمح ميزة "trigger-rumble" لتطبيقات الويب التي تستخدم واجهة برمجة التطبيقات Gamepad API باهتزاز أجهزة لوحة الألعاب هذه أيضًا.

باستخدام الرمز التالي، يمكنك التحقّق ممّا إذا كانت الوظيفة متوافقة مع المتصفّح وطريقة تشغيلها، وذلك من قصد التلاعب بالوظائف.trigger-rumble

// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
  if (!('vibrationActuator' in gamepad)) {
    return;
  }
  // Feature detection.
  if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
    return;
  }
  gamepad.vibrationActuator.playEffect('trigger-rumble', {
    // Duration in ms.
    duration: duration,
    // The left trigger (between 0 and 1).
    leftTrigger: leftTrigger,
    // The right trigger (between 0 and 1).
    rightTrigger: rightTrigger,
  });
};

يمكنك الاطّلاع على مقالة تشغيل لعبة الديناصور في Chrome باستخدام لوحة الألعاب للتعرّف على مزيد من المعلومات للاستفادة إلى أقصى حدّ من واجهة برمجة التطبيقات Gamepad API.

وغير ذلك

بالطبع هناك الكثير.

قراءة ملاحظات الإصدار الكاملة

محتوى إضافي للقراءة

يتناول هذا فقط بعض النقاط الرئيسية. يُرجى التحقق من الروابط التالية التغييرات الإضافية في Chrome 126.

اشتراك

للاطّلاع على آخر الأخبار، يمكنك الاشتراك في قناة مطوّري برامج Chrome على YouTube، وستتلقى إشعارًا عبر البريد الإلكتروني عندما ننشر فيديو جديدًا.

مرحبًا أدريانا جارا، وفور طرح Chrome 127، سأكون على أتم استعداد لإخبارك بالميزات الجديدة في Chrome.