الجديد في Chrome 127

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

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

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

خدمة مقارنة الأسعار (CSS) font-size-adjust

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

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

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

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

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

يحافظ استخدام ضبط حجم الخط في الصورة التالية على الوضوح بين خط Verdana وTimes.

   font-size-adjust: 0.545;

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

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

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

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

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

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

يمكنك الانتقال إلى نافذة ضمن النافذة للاطّلاع على أي عنصر وليس فقط <video>.

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

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

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

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

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

يمكنك الاطّلاع على مزيد من التفاصيل في قسم أشرطة التمرير التي يمكن التركيز عليها في لوحة المفاتيح

وغير ذلك

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

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

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

  • تلتقط لوحة الأداء في DevTools الآن أحداث رسائل WebSocket وتعرضها في تتبُّع الأداء.

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

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

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

اشتراك

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

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