في ما يلي ما تحتاج إلى معرفته:
- يظهر
<ruby>
بشكل أفضل عند استخدام فواصل الأسطر. - تسهِّل دالة Promise.try تسلسل وعدَات JavaScript.
- تمّت توسيع نطاق PointerEvent لتحديد أقلام متعددة بشكل فريد.
- وهناك الكثير من الميزات الأخرى.
اسمي "أدريانا جارا". لنطّلِع على الميزات الجديدة للمطوّرين في الإصدار 128 من Chrome.
قابل للاقتطاع على مستوى السطر <ruby>
يُحسِّن عنصر <ruby>
عرض النص، لا سيما للغات شرق آسيا. ويتيح لك عرض تعليقات توضيحية صوتية أو معلومات تكميلية أخرى فوق النص الأساسي أو بجانبه.
يتألّف عنصر Ruby من جزأين رئيسيين، وهما قاعدة Ruby التي تشكّل النص الرئيسي ونص Ruby الذي يشكّل نص التعليق التوضيحي الذي تم وضع علامة عليه بالعنصر.
في السابق، إذا كان نص قاعدة روماجي أو نص روماجي أطول من سطر كامل، كان يتم لفّهما بشكلٍ فردي، ما يتسبب في حدوث مشاكل في التنسيق.
يمكن الآن كسر سطر نص Ruby، ما يؤدي إلى وضع نص التعليق التوضيحي المُلفَّف على النص الأساسي المُلفَّف، ما يحقّق عرضًا مثاليًا للنص.
يُرجى الانتقال إلى مقالة العنصر القابل للاقتطاع <ruby>
وخاصية ruby-align في CSS للاطّلاع على أمثلة ومزيد من المعلومات.
Promise.try
تسهِّل Promise.try
معالجة الأخطاء باستخدام Promises. هناك نمط يتضمّن دالة f
. قد تكون هذه الدالة غير متزامنة، وقد تُرجع قيمة Promise أو لا تُرجعها. لاستخدام دلالات Promise لمعالجة الأخطاء في كلتا الحالتَين، عليك لف الدالة في Promise.
يمكن إجراء ذلك باستخدام Promise.resolve().then(f)
، ولكن في هذه الحالة، سيتم تنفيذ f
بشكل غير متزامن بدون داعٍ في العلامة التالية.
لتجنّب هذه المشكلة، عليك استخدام new Promise(resolve => resolve(f()))
الذي لا يتوافق مع معايير راحة المستخدمين على الإطلاق.
Promise.try
، هي الطريقة البسيطة والمباشرة لتحقيق ذلك. يتيح لك ذلك بدء سلسلة Promise ترصد جميع الأخطاء في معالجات .catch
بدلاً من الحاجة إلى معالجة كل من مسارات استثناءات المهام المتزامنة وغير المتزامنة.
لمزيد من المعلومات، يمكنك الاطّلاع على مستندات Promise.try
.
PointerEvent.deviceProperties للكتابة باستخدام عدة أقلام
لم يكن لدى المطوّرين طريقة للتمييز بين قلمين فرديين على أداة رقمنة مزوّدة بالحبر. يتم تنفيذ سمة PointerEvent.pointerId الحالية بطرق مختلفة ولا تظل محفوظة دائمًا لكلّ ضربة حبر أو تفاعل مع الشاشة.
تمّت الآن توسيع واجهة PointerEvent
لتشمل سمة جديدة: deviceProperties
. يحتوي على السمة uniqueId
التي تمثّل معرّفًا فريدًا ومستمرًا على مستوى الجلسة ومُفصَلًا عن المستند يمكن للمطوّر استخدامه بشكل موثوق لتحديد الأقلام الفردية التي تتفاعل مع الصفحة.
من خلال هذا التغيير، يمكنك مثلاً ضبط ألوان أو أشكال أقلام معيّنة لكل جهاز يتفاعل مع أداة التحويل الرقمي.
اطّلِع على كيفية البدء باستخدام أحداث المؤشر في مقالة توجيه الطريق إلى الأمام.
وغير ذلك
بالطبع، هناك الكثير من الميزات الأخرى.
أصبحت الآن خاصية
zoom
في CSS متوافقة مع أحدث معيار.يتم الآن الإبلاغ عن أخطاء إنشاء
AudioContext
وعرض الصوت من خلالAudioContext.onerror
.تعمل لوحة "الصور المتحركة" في DevTools الآن على تسجيل الصور المتحركة، ويمكنك تعديل
@keyframes
مباشرةً.
مراجع إضافية
لا يتناول هذا التقرير سوى بعض النقاط الرئيسية. يمكنك الاطّلاع على الروابط التالية للاطّلاع على التغييرات الإضافية في الإصدار 128 من Chrome.
- الميزات الجديدة في الإصدار 128 من "أدوات مطوّري البرامج في Chrome"
- تعديلات ChromeStatus.com بشأن الإصدار 128 من Chrome
- قائمة التغييرات في مستودع مصدر Chromium
- تقويم إصدارات Chrome
اشتراك
للاطّلاع على آخر الأخبار، يمكنك الاشتراك في قناة YouTube الخاصة بمطوّري Chrome، وستتلقّى إشعارًا عبر البريد الإلكتروني عند نشر فيديو جديد.
أنا "أدريانا جارا"، وسأكون هنا لإطلاعك على الميزات الجديدة في Chrome فور إصدار الإصدار 128.