الميزات الجديدة في الإصدار 142 من Chrome

Rachel Andrew

تاريخ النشر: 28 أكتوبر 2025

نطرح الآن الإصدار 142 من Chrome، ويتضمّن هذا المنشور بعض الميزات الرئيسية التي يتضمّنها هذا الإصدار. يمكنك الاطّلاع على ملاحظات إصدار Chrome 142 الكاملة.

أبرز الميزات في هذا الإصدار:

:target-before و:target-after الفئات الزائفة

تتطابق هذه الفئات الزائفة مع علامات التمرير التي تسبق العلامة النشطة (التي تتطابق مع :target-current) أو تليها ضمن مجموعة علامات التمرير نفسها، وذلك على النحو الذي يحدّده ترتيب الشجرة المسطّحة:

  • ‫:target-before: تطابق جميع علامات التمرير التي تسبق العلامة النشطة في ترتيب الشجرة المسطّحة ضمن المجموعة.
  • ‫:target-after: تطابِق جميع علامات التمرير التي تلي العلامة النشطة بترتيب الشجرة المسطّحة ضِمن المجموعة.

بنية النطاق لطلبات الحاوية الخاصة بالتصميم وif()

يحسّن Chrome استعلامات أنماط CSS والدالة if() من خلال إضافة دعم لبنية النطاق.

توسّع هذه السمة نطاق طلبات البحث عن الأنماط ليشمل ما هو أبعد من مطابقة القيم الدقيقة (على سبيل المثال، style(--theme: dark)). ويمكن للمطوّرين استخدام عوامل المقارنة (مثل > و<) لمقارنة الخصائص المخصّصة والقيم الحرفية (على سبيل المثال، 10 بكسل أو %25) والقيم من دوال الاستبدال، مثل attr() وenv(). لإجراء مقارنة صالحة، يجب أن يتم تحليل كلا الجانبين إلى نوع البيانات نفسه. يقتصر على الأنواع الرقمية التالية: <length> و<number> و<percentage> و<angle> و<time> و<frequency> و<resolution>.

أمثلة:

قارِن سمة مخصّصة بطول حرفي:

@container style(--inner-padding > 1em) {
  .card {
    border: 2px solid;
  }
}

مقارنة قيمتين حرفيتين

@container style(1em < 20px) {
  /* ... */
}

استخدام نطاقات الأنماط في if():

.item-grid {
  background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}

مثيرات الاهتمام (السمة interestfor)

يضيف Chrome السمة interestfor إلى العنصرَين <button> و<a>. تضيف هذه السمة سلوكيات "الاهتمام" إلى العنصر. عندما يُبدي المستخدم اهتمامًا بالعنصر، يتم تشغيل الإجراءات على العنصر المستهدَف، مثل عرض نافذة منبثقة.

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

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

هذا يشمل بعض النقاط الرئيسية فقط. يمكنك الاطّلاع على الروابط التالية لمعرفة المزيد حول التغييرات الإضافية في الإصدار 141 من Chrome.

اشتراك

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

فور طرح الإصدار 143 من Chrome، سنكون هنا لإطلاعك على الميزات الجديدة في Chrome.