وفي ما يلي ما تحتاج إلى معرفته:
- تتوافق خدمة CSS الآن مع قواعد التضمين.
- تم تعديل خوارزمية ضبط التركيز الأولي على عنصر
<dialog>. - يتم تخطّي معالِجات
fetch()بدون تشغيل على مشغِّلي الخدمات من الآن فصاعدًا لجعل عمليات التنقّل أسرع. - بالإضافة إلى المزيد.
أنا "أدريانا جارا" لنطّلِع على التفاصيل ونتعرّف على الميزات الجديدة للمطوّرين في الإصدار 112 من Chrome.
إتاحة 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 تحذيرات بشأن وحدة التحكّم إذا كانت جميع مستمعي الجلب لدى مشغّلي الخدمات لا يستخدمون عمليات الجلب، وسيشجع المطوّرين على إزالة أدوات معالجة الجلب هذه.
ومقاييس أخرى
بالطبع هناك المزيد.
- أصبحت دالة الضبط لـ
document.domainمتوقّفة نهائيًا الآن. - تتوفّر تجربة مصدر لإيقاف ميزة
X-Requested-With headerنهائيًا في WebView. - يمكن الآن للمسجّلة الذكية في أدوات مطوّري البرامج التسجيل باستخدام أدوات اختيار الثقوب.
محتوى إضافي للقراءة
يتناول هذا الدليل بعض الميزات الرئيسية فقط. راجِع الروابط أدناه للاطّلاع على التغييرات الإضافية في الإصدار 112 من Chrome.
- الميزات الجديدة في "أدوات مطوري البرامج في Chrome" (112)
- عمليات إيقاف Chrome 112 نهائيًا وعمليات إزالته
- تحديثات ChromeStatus.com للإصدار 112 من Chrome
- قائمة تغييرات مستودع مصدر Chromium
- تقويم إصدارات Chrome
اشتراك
للاطّلاع على آخر الأخبار، اشترِك في قناة Chrome Developers على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عندما ننشر فيديو جديدًا.
اسمي "أدريانا جارا"، وبمجرد إطلاق Chrome 113، سأكون هنا لإخبارك بالجديد في Chrome!