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

Adriana Jara

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

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

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

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

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

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

@view-transition {
  navigation: auto;
}

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

إعادة تفعيل CloseWatcher API

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

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

للتعرّف على كيفية استخدام CloseWatcher، يُرجى الانتقال إلى العرض التجريبي.

إضافة Gamepad API trigger-rumble

أصبحت ميزة التأثير الصوتي في الزناد جزءًا من Gamepad API. وتعمل هذه الميزة على تحسين تجارب الألعاب على الويب باستخدام أجهزة التحكّم المتوافقة.

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.

وغير ذلك

بالطبع، هناك الكثير من الميزات الأخرى.

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

مراجع إضافية

لا يشمل ذلك سوى بعض النقاط الرئيسية. يمكنك الاطّلاع على الروابط التالية للاطّلاع على التغييرات الإضافية في الإصدار 126 من Chrome.

اشتراك

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

اسمي "أدريانا جارا"، وسأكون هنا لإطلاعك على الميزات الجديدة في Chrome فور إصدار الإصدار 127.