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

Adriana Jara

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

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

دعم CSS للدمج.

تم الآن دمج إحدى ميزات المعالجة الأولية لـ CSS ضمن اللغة: قواعد الأنماط المتداخلة.

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

قبل
.nesting {
  color: hotpink;
}

.nesting > .is {
  color: rebeccapurple;
}

.nesting > .is > .awesome {
  color: deeppink;
}

بعد الدمج، يمكن تنفيذ المحددات يمكن تجميع قواعد النمط المستمرة وذات الصلة بها.

بعد
.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

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

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

يمكن أن يساعد التضمين في ما يلي:

  • التنظيم:
  • تقليل حجم الملف.
  • إعادة الهيكلة.

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

تم تحديث الخوارزمية للتركيز الأولي الخاص بـ <dialog>.

عنصر HTML <dialog> هو الطريقة الموحّدة لتمثيل مربّع حوار أو مكوِّن تفاعلي آخر، مثل تنبيه يمكن إغلاقه أو نافذة فرعية يجب عرضه أعلى كل المحتوى الآخر في صفحة الويب.

عنصر HTML هذا هو الطريقة الموصى بها لإنشاء هذا المحتوى نظرًا لإنشاء ميزاته لتوفير سهولة استخدام وإمكانية وصول أفضل ومتسقة.

وتتمثل إحدى هذه الميزات في التعامل مع العنصر الذي يتم التركيز عليه عند فتح مربّع الحوار، وفي هذا الإصدار، تم تعديل الخوارزمية التي تختار هذا العنصر.

من الآن فصاعدًا:

تنظر خطوات التركيز في مربّع الحوار إلى العناصر التي يمكن التركيز عليها في لوحة المفاتيح بدلاً من أي عنصر يمكن التركيز عليه يحصل العنصر <dialog> نفسه على التركيز إذا تم ضبط سمة التركيز التلقائي.

يتم التركيز على العنصر <dialog> نفسه كعنصر احتياطي بدلاً من "إعادة الضبط" إلى العنصر <body>.

يُرجى الاطّلاع على المستندات لمزيد من التفاصيل حول العنصر <dialog>.

يتم تخطّي معالِجات الجلب بدون عمليات خاصة بمشغِّل الخدمات.

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

تجعل هذه الميزة التنقل في هذه الصفحات أسرع.

كان استخدام معالج الجلب أحد متطلبات تطبيق الويب التقدّمي (PWA) لكي يكون تطبيق الويب قابلاً للتثبيت. نعتقد أنّ هذا هو السبب وراء احتواء بعض المواقع الإلكترونية على معالج جلب فارغ. ومع ذلك، يؤدي بدء مشغّل الخدمات وتنفيذ أداة معالجة رسائل بدون عمليات إلى تكبد أي تكاليف إضافية، وذلك بدون توفير أي من المزايا التي يمكن الاستفادة منها مع مشغّل الخدمات المناسب، مثل التخزين المؤقت أو إمكانات التشغيل بلا إنترنت. لذلك يتخطاها Chrome الآن لتحسين التنقل.

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

تحذيرات في &quot;أدوات مطوري البرامج&quot; بشأن معالِجات استرجاع مشغّل الخدمات الفارغة.

وغير ذلك

بالطبع هناك المزيد.

  • تم الآن إيقاف دالة setter لـ document.domain نهائيًا.
  • هناك تجربة أصل لإيقاف X-Requested-With header نهائيًا في WebView.
  • يمكن الآن للمسجّلة في أدوات مطوّري البرامج التسجيل باستخدام أدوات اختيار الثقوب.

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

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

اشتراك

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

اسمي "أدريانا جارا"، وسأكون على أتمّ استعداد فور طرح Chrome 113 إطلاعك على الميزات الجديدة في Chrome