الجديد في Chrome 127

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

  • يساعدك font-size-adjust في تحسين وضوح الخطوط الاحتياطية.
  • يتم الآن نشر عمليات تفعيل المستخدمين بين مستندات "صورة في صورة" وتطبيقات فتحها.
  • يمكن الآن ضبط حاويات التمرير تلقائيًا على لوحة المفاتيح.
  • وهناك الكثير من الميزات الأخرى.

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

CSS font-size-adjust

يمكن أن تنخفض سهولة قراءة موقعك الإلكتروني عندما لا تتوفّر عائلة الخطوط المفضّلة ويكون لخط النسخ الاحتياطي قيمة مختلفة جدًا لنسبة العرض إلى الارتفاع.

توضِّح الصورة التالية الفرق بين خطّي Verdana وTimes على الرغم من أنّ حجم النص هو نفسه.

سطور النص التي يظهر عليها النص: "يستخدم هذا النص خط verdana (14 بكسل)، الذي يحتوي على أحرف صغيرة كبيرة نسبيًا" و"هذا يستخدم خط Times (14 بكسل)، الذي تصعب قراءته بأحجام صغيرة"

إذا عاد موقعك الإلكتروني إلى استخدام خط Times، سيصبح من الصعب قراءته.

تساعدك خاصية CSS font-size-adjust في ضبط حجم الخط للخطوط الاحتياطية للحفاظ على اتساق قيمة نسبة العرض إلى الارتفاع (ارتفاع الأحرف الصغيرة مقسومًا على حجم الخط)، ما يضمن ظهور النص بشكل مشابه بغض النظر عن الخط المستخدَم.

في الصورة التالية، يحافظ استخدام font-size-adjust على سهولة القراءة بين خطَي Verdana وTimes.

   font-size-adjust: 0.545;

أسطر النص التي تظهر فيها العبارة "يستخدم هذا النص خط Verdana (14 بكسل)، الذي يحتوي على أحرف صغيرة كبيرة نسبيًا"، و"يستخدم هذا النص خط Times (14 بكسل)، الذي يصعب قراءته بحجم صغير"، و"تم تعديل هذا النص بخط Times بحجم 14 بكسل إلى قيمة العرض إلى الارتفاع نفسها المستخدَمة في خط Verdana، وبالتالي تم توحيد الخطوط الصغيرة في كلا الخطين

مع إطلاق font-size-adjust في Chrome، أصبحت هذه الميزة متاحة حديثًا في Baseline، ويمكنك الاطّلاع على التفاصيل في المقالة أصبح مقياس font-size-adjust في CSS متاحًا الآن في Baseline.

ميزة "نافذة ضمن النافذة" في المستندات: نشر تنشيط المستخدم

تنشر واجهة برمجة تطبيقات Document Picture-in-Picture API الآن أنشطة المستخدمين بين نافذة ميزة "نافذة ضمن النافذة" ونافذة فتحها.

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

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

لمزيد من التفاصيل، يمكنك الانتقال إلى مقالة استخدام ميزة "صورة في صورة" مع أي عنصر، وليس فقط <video>.

حاويات التمرير التي يمكن التركيز عليها في لوحة المفاتيح

تُعد حاويات التمرير التي تصبح قابلة للتركيز على لوحة المفاتيح مهمة لجعل أشرطة التمرير والمحتوى داخل أشرطة التمرير أكثر سهولة في الوصول لجميع المستخدمين.

من الآن فصاعدًا، سيصبح من الممكن التركيز آليًا على أشرطة التمرير. قبل هذا التغيير، كان لا يمكن التركيز على عنصر التمرير باستخدام علامة التبويب إلا إذا تم ضبط tabindex على 0 أو أعلى بشكل صريح.

يُرجى العِلم أنّ هذا السلوك لا يحدث إلا إذا لم يكن لعنصر التمرير عناصر فرعية يمكن التركيز عليها. على سبيل المثال، إذا كانت أداة التمرير تحتوي على زر، سيؤدي الضغط على مفتاح التبويب (Tab) إلى تخطّي أداة التمرير والتركيز على الزر مباشرةً.

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

يُرجى العلم أنّنا نفعّل هذا التغيير للمستخدمين ببطء شديد بمرور الوقت، حتى نتمكّن من رصد أي مشاكل ناتجة عن التغيير. لذلك، قد لا تظهر هذه الميزة مفعّلة لبعض المستخدمين حتى الإصدار 130 أو حتى إصدار أحدث.

اطّلِع على مزيد من التفاصيل في مقالة شرائط التمرير التي يمكن التركيز عليها باستخدام لوحة المفاتيح.

وغير ذلك

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

  • تتوفّر الآن عمليات النقل المتزامنة لعرض المستند نفسه في إطار رئيسي وإطار iframe من المصدر نفسه.

  • يتيح النص البديل الذي يتم إنشاؤه من محتوى CSS الآن استخدام عدّة وسيطات.

  • تعمل لوحة "الأداء" في DevTools الآن على تسجيل أحداث رسائل WebSocket وعرضها في تتبع الأداء.

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

مراجع إضافية

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

اشتراك

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

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