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

Pete LePage

في الإصدار 74 من Chrome، أضفنا الدعم لما يلي:

وهناك الكثير غيرها.

اسمي بيت ليب. لنتعمق أكثر ونرى ما الجديد للمطورين في Chrome 74!

سجلّ التغييرات

يتناول هذا فقط بعض أهم العناصر الرئيسية، لذا اطّلِع على الروابط أدناه لمعرفة التغييرات الإضافية في الإصدار 74 من Chrome.

حقول الصفوف الخاصة

تبسّط حقول الفئات بناء جملة الفئة من خلال تجنب الحاجة إلى دوال الدالة الإنشائية لتحديد خصائص المثيل فقط. في الإصدار 72 من Chrome، أضفنا إمكانية استخدام حقول الفئات العامة.

class IncreasingCounter {
  // Public class field
  _publicValue = 0;
  get value() {
    return this._publicValue;
  }
  increment() {
    this._publicValue++;
  }
}

قلت إنّهم كانوا يعملون في حقولٍ للصفوف الخاصة. يسعدني أن أقول إن حقول الصفوف الخاصة قد وصلت إلى Chrome 74. تشبه بنية الحقول الخاصة الجديدة الحقول العامة، باستثناء أنّك تضع علامة "خاص" على الحقل باستخدام # (علامة باوند). يمكن اعتبار # جزءًا من اسم الحقل.

class IncreasingCounter {
  // Private class field
  #privateValue = 0;
  get value() {
    return this.#privateValue;
  }
  increment() {
    this.#privateValue++;
  }
}

تذكَّر أنّ حقول private مجرد حقول خاصة. يمكن الوصول إليها داخل الفصل، ولكنها غير متاحة خارج نص الفصل.

class SimpleClass {
  _iAmPublic = 'shared';
  #iAmPrivate = 'secret';
  doSomething() {
    ...
  }
}

لقراءة المزيد من المعلومات حول الصفوف العامة والخاصة، يمكنك مراجعة مشاركة "ماتياس" في حقول الصفوف.

prefers-reduced-motion

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

يوفّر Chrome الآن طلب بحث عن الوسائط، وهو prefers-reduced-motion، وهو جزء من مواصفات المستوى 5 لطلبات البحث عن الوسائط، ويتيح لك معرفة متى يكون هذا الخيار مفعَّلاً.


@media (prefers-reduced-motion: reduce)

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

button {
  animation: vibrate 0.3s linear infinite both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}

يمكنك الاطّلاع على مقالة "توم" بعنوان Move Ya! أو ربما لا تفعل ذلك إذا كان المستخدم يفضل الحركة المنخفضة للحصول على مزيد من التفاصيل.

أحداث "transition" في خدمة مقارنة الأسعار (CSS)

تتطلّب مواصفات عمليات النقل في CSS إرسال أحداث النقل عند إدراج عملية النقل في قائمة الانتظار أو بدئها أو انتهائها أو إلغاؤها. وتمت إتاحة هذه الأحداث في متصفحات أخرى منذ فترة...

ولكن حتى الآن، لم تكن هذه الميزة متاحة في Chrome. في الإصدار 74 من Chrome، يمكنك الآن الاستماع إلى:

  • transitionrun
  • transitionstart
  • transitionend
  • transitioncancel

من خلال الاستماع إلى هذه الأحداث، من الممكن تتبع السلوك أو تغييره عند تنفيذ عملية انتقال.

تعديلات على واجهة برمجة التطبيقات لسياسة الميزات

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

Feature-Policy: geolocation 'self'

<iframe ... allow="geolocation self">
</iframe>

يقدّم Chrome 74 مجموعة جديدة من واجهات برمجة التطبيقات للتحقّق من الميزات المفعّلة:

  • يمكنك الحصول على قائمة بالميزات المسموح بها من خلال document.featurePolicy.allowedFeatures().
  • يمكنك التحقّق مما إذا كانت ميزة معيّنة مسموحًا بها باستخدام document.featurePolicy.allowsFeature(...).
  • ويمكنك أيضًا الحصول على قائمة بالنطاقات المستخدمة في الصفحة الحالية والتي تسمح بميزة معيّنة مع document.featurePolicy.getAllowlistForFeature().

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

ومقاييس أخرى

هذه ليست سوى عدد قليل من التغييرات التي تم إجراؤها في الإصدار 74 من Chrome للمطوّرين، بالتأكيد، هناك الكثير من التغييرات الأخرى. أنا شخصيًا متحمس جدًا بشأن KV Storage، وهي خدمة تخزين مفاتيح/قيمة فائقة السرعة وغير متزامنة، وتتوفّر كتجربة أصلية.

مؤتمر Google I/O ينعقد قريبًا

لا تنسَ أن مؤتمر Google I/O على بُعد بضعة أسابيع (7 إلى 9 أيار (مايو)) وسنقدّم لك العديد من الميزات الجديدة. وإذا لم تتمكن من الحضور، فسيتم بث جميع الجلسات مباشرةً، وستكون متاحة على قناة Chrome Developers على YouTube بعد ذلك.

اشتراك

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

اسمي بيت ليب، وبعد طرح الإصدار 75 من Chrome، سأكون على أتمّ استعداد لإطلاعك على آخر الأخبار في متصفِّح Chrome.