جديد على منصة الويب في ديسمبر | مدونة | web.dev

اكتشف بعض الميزات المثيرة للاهتمام التي وصلت إلى متصفحات الويب الثابتة والتجريبية خلال شهر ديسمبر 2025.

تاريخ النشر: 16 ديسمبر 2025

إصدارات متصفح مستقرة

تم إصدار Chrome 143 وFirefox 146 وSafari 26.2 بشكل مستقر خلال شهر ديسمبر. يلقي هذا المنشور نظرة على العديد من الميزات الجديدة هذا الشهر، حيث أصبحت العديد من الأشياء متاحة حديثًا.

ال @scope أصبحت قاعدة CSS الآن هي خط الأساس

يتضمن فايرفوكس 146
@scope
قاعدة CSS التي تتيح لك تحديد العناصر في أشجار DOM الفرعية المحددة. حدد نطاقًا يمكن للمحددات من خلاله استهداف العناصر، وتجنب المحددات المحددة والطويلة بشكل مفرط. على سبيل المثال، أهداف CSS التالية فقط <img> العناصر إذا كانت داخل عنصر مع فئة .card.

@scope (.card) {
    img {
        border-color: green;
    }
}

مع Firefox 146، أصبحت هذه القاعدة المفيدة الآن متاحة حديثًا. تعرف على المزيد حول هذا الموضوع في تقييد وصول محدداتك باستخدام CSS @scope في القاعدة.

ال contrast-color() وظيفة CSS

يوجد أيضًا في Firefox 146 ملف
contrast-color() وظيفة. تأخذ هذه الوظيفة قيمة لون وترجع لونًا متباينًا، بهدف ضمان الحد الأدنى من تباين WCAG AA.

لمزيد من الأمثلة، راجع كيفية جعل المتصفح يختار لونًا متباينًا في CSS على مدونة WebKit.

Firefox هو المتصفح الأول الذي يقوم بشحن
text-decoration-inset
ملكية. تتيح لك هذه الخاصية ضبط نقطتي البداية والنهاية لزخرفة نص العنصر بحيث يمكن تقصيرها أو تطويلها أو تغيير موضعها بالنسبة للنص المعروض.

ال font-language-override خاصية CSS

يتضمن Chrome 143
font-language-override
ملكية. يتيح لك هذا تجاوز سلوك الكتابة للغة معينة. يعد هذا مفيدًا إذا كنت تستخدم محرفًا لا يتمتع بالدعم المناسب للغة ما، فيمكنك اختيار استخدام الحروف الرسومية من لغة مشابهة مع دعم أفضل.

استعلامات الحاوية الاحتياطية المرتبطة بـ CSS

يقدم كروم 143 @container anchored(fallback) لتصميم أحفاد العناصر الموضوعة على أساس أي منها position-try-fallbacks يتم تطبيقه.

يمكن استخدام مثل هذه الاستعلامات لتصميم حبل العنصر المرتبط أو حركاته، بناءً على كيفية وضع المرساة والعنصر المرتبط بالنسبة لبعضهما البعض.

بناء الجملة النسبي الجانبي لـ background-position-x/y الأيدي الطويلة

يتوفر أيضًا في Chrome، وهو متاح الآن عبر جميع المتصفحات، القدرة على تحديد موضع صورة الخلفية بالنسبة لإحدى حوافها في الخصائص الطويلة لـ background-position. على سبيل المثال:

.element {
  background-image: url(flower.gif);
  background-repeat: no-repeat;
  background-position-x: left 30px;
  background-position-y: bottom 20px;
}

الرسوم المتحركة overallProgress ملكية

يتضمن سفاري 26.2
overallProgress. تقوم خاصية القراءة فقط لواجهة الرسوم المتحركة بإرجاع رقم بين 0 و 1 للإشارة إلى التقدم الإجمالي للرسوم المتحركة نحو حالتها النهائية.

هذه الخاصية هي الآن Baseline متاحة حديثًا.

أصبح LCP وINP الآن خطًا أساسيًا متاحًا حديثًا

أصبحت الآن مقاييس أكبر رسم للمحتوى (LCP) والتفاعل مع الرسم التالي (INP) متاحة حديثًا، مع دعم في Safari 26.2 لواجهة برمجة تطبيقات Contentful Paint وEvent Timing API اللازمة لقياس هذه المقاييس.

تم تضمين هذه الميزات في Interop 2025، ويمكنك الآن قياس هذه المقاييس في أحدث إصدار لجميع المتصفحات الرئيسية.

أكبر واجهة برمجة تطبيقات للرسم المحتوى

واجهة برمجة تطبيقات توقيت الحدث

تصل رقائق البطاطس إلى خط الأساس وهي متاحة حديثًا

يتضمن Safari 26.2 أيضًا CHIPS (ملفات تعريف الارتباط ذات الحالة المقسمة المستقلة)، والتي تتيح لك اختيار ملف تعريف الارتباط في مساحة تخزين مقسمة، مع وعاء ملفات تعريف ارتباط منفصل لكل موقع عالي المستوى.

hidden="until-found"

يتضمن Safari 26.2 دعمًا لـ
hidden="until-found"، والذي أصبح الآن Baseline متاحًا حديثًا.

ال command و commandfor صفات

يتوفر أيضًا دعم لـ HTML في Safari 26.2
command و
commandfor على الأزرار. يوفر هذا طريقة تعريفية للتحكم في النوافذ المنبثقة ومربعات الحوار.

اكتشف المزيد في تقديم command و commandfor.

ال scrollend حدث

ميزة أخرى أصبحت Baseline متاحة حديثًا مع Safari 26.2 وهي
scrollend
حدث. يتم إطلاق هذا الحدث عند اكتمال التمرير، اكتشف المزيد عنه في Scrollend، وهو حدث JavaScript جديد.

ال scrollbar-color ملكية

ال scrollbar-color تتيح لك الخاصية تغيير لون شريط التمرير إبهاموشريط التمرير مسار. ومع Safari 26.2، يصبح هذا أيضًا خطًا أساسيًا متاحًا حديثًا.

إصدارات متصفح بيتا

تمنحك إصدارات المتصفح التجريبية معاينة للأشياء التي ستكون موجودة في الإصدار الثابت التالي من المتصفح. إنه الوقت المناسب لاختبار الميزات الجديدة، أو عمليات الإزالة، التي قد تؤثر على موقعك قبل أن يحصل العالم على هذا الإصدار. الإصدارات التجريبية الجديدة هذا الشهر هي Firefox 147 وChrome 144.

يتضمن Chrome 144 ::search-text عنصر زائف لتصميم نتائج البحث في الصفحة و scrolled دعم ل @scroll-state مما يتيح لك تصميم أحفاد الحاويات بناءً على اتجاه التمرير الأحدث. تم أيضًا تضمين Temporal API، مع كائنات ووظائف قياسية للعمل مع التواريخ والأوقات.

يعد Firefox 147 إصدارًا مثيرًا يتضمن تحديد موضع مرساة CSS وعرض أنواع الانتقال وواجهة برمجة تطبيقات التنقل.