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

تعرَّف على بعض الميزات المثيرة للاهتمام التي تمت إضافتها إلى الإصدارين الثابت والتجريبي. متصفحات الويب خلال كانون الأول (ديسمبر) 2023.

في كانون الأول (ديسمبر) 2023، كان Firefox 121 Chrome 120 أصبح الإصدار Safari 17.2 ثابتًا. تتناول هذه المشاركة تأثير ذلك على منصة الويب.

التحليل المريح لدمج خدمة مقارنة الأسعار (CSS)

يتضمن Chrome 120 وSafari 17.2 التحليل المريح لدمج CSS. ولأن هذا الأمر أصبح معتمدًا في فايرفوكس من الإصدار 117، فهذا يعني أن جميع المحركات الرئيسية تدعم هذا التغيير في البنية.

أكورديون حصرية مع عنصر <details>

يتيح الإصدار 120 من Chrome وSafari 17.2 استخدام السمة name العنصر <details> هذا يعني أنه يمكنك إنشاء مكونات أكورديون حصرية من خلال تجميع عدد من عناصر <details>.

تعرَّف على المزيد من المعلومات في قائمة أكورديون حصرية.

دعم المتصفح

  • 120
  • 120
  • x
  • 17.2

أداة اختيار :has()

يتضمّن Firefox 121 أداة اختيار لغة :has() لصفحات الأنماط المتتالية (CSS). يتيح هذا الإصدار إمكانية تشغيل :has() على جميع المحرّكات الرئيسية.

يمكنك الاطّلاع على مزيد من المعلومات في :has(): أداة اختيار العائلة.

دعم المتصفح

  • 105
  • 105
  • 121
  • 15.4

المصدر

واجهة برمجة تطبيقات التمييز المخصّص في CSS

يتضمن الإصدار 17.2 من Safari واجهة برمجة تطبيقات التمييز المخصّص في CSS الذي يتيح لك إنشاء نطاقات نصية وتصميمها، توسيع الفئات الزائفة التي تركّز على تسليط الضوء العادية، مثل ::selection.

دعم المتصفح

  • 105
  • 105
  • 17.2

المصدر

واجهة برمجة التطبيقات CloseWatcher

يشتمل Chrome 120 على CloseWatcher API، وهي واجهة برمجة تطبيقات جديدة للاستماع إلى طلبات الإغلاق والاستجابة لها. يتم تشغيل هذه الطلبات من خلال مفتاح ESC على الكمبيوتر المكتبي وإيماءة أو زر الرجوع على جهاز Android، وقد يكون من الصعب تنفيذها بشكل جيد.

بالإضافة إلى واجهة برمجة التطبيقات، يعمل Chrome 120 على ترقية <dialog> وسمة popover للاستجابة إلى زر الرجوع في Android.

دعم المتصفح

  • 126
  • 126
  • x
  • x

خدمة مقارنة الأسعار text-wrap: balance وstable

يتضمّن Firefox 121 القيمتين balance وstable في text-wrap. تُعد القيمة balance مفيدة للأجزاء القصيرة من المحتوى مثل العناوين لإنشاء نصوص أكثر إمتاعًا وسهلة القراءة تمنع قيمة stable إعادة عرض المحتوى القابل للتعديل أثناء تعديله.

اطّلِع على مزيد من المعلومات عن text-wrap: balance.

text-wrap: balance

دعم المتصفح

  • 114
  • 114
  • 121
  • 17.5

المصدر

text-wrap: stable

دعم المتصفح

  • x
  • x
  • 121
  • 17.5

المصدر

التحميل الكسول لعناصر <iframe>

يتيح الإصدار 121 من Firefox استخدام السمة loading على عناصر <iframe>. وهذا يعني أنّ ميزة التحميل الكسول لإطارات iframe أصبحت متاحة الآن في جميع المحرّكات الرئيسية.

دعم المتصفح

  • 77
  • 79
  • 121
  • 16.4

دعم وظيفة التخفيف linear()

يشمل الإصدار 17.2 من Safari أيضًا وظيفة تغيير السرعة linear() التي يمكن استخدامها لإنشاء تأثيرات الارتداد والربيع.

دعم المتصفح

  • 113
  • 113
  • 112
  • 17.2

إصدارات المتصفّح التجريبية

تمنحك إصدارات المتصفح التجريبية معاينة للميزات التي ستكون في إصدار ثابت من المتصفح. حان الوقت لاختبار الميزات الجديدة أو عمليات الإزالة، التي قد تؤثر في موقعك قبل أن يحصل العالم على هذا الإصدار. الإصدار الجديد الإصدارات التجريبية هي Firefox 122 Chrome 121 الإصدار 17.3 من Safari توفّر هذه الإصدارات العديد من الميزات الرائعة على المنصة. الاطّلاع على الإصدار ملاحظات للحصول على جميع التفاصيل. إليك بعض الإشعارات المهمة.

يتضمّن كل من Firefox 122 وChrome 121 طريقة showPicker() في HTMLSelectElement. وهذا يؤدي إلى عرض نفس المنتقي الذي سيظهر عند تحديد العنصر، ولكن يمكن تشغيله من خلال الضغط على الزر أو تفاعل آخر للمستخدم.

يشتمل Chrome 121 على سمتَي تصميم شريط التمرير scrollbar-color وscrollbar-width، مع إمكانية إخفاء صفحات الأنماط المتتالية (SVG) بتنسيق SVG (رسومات موجّهة يمكن تغيير حجمها)، وإبراز العناصر الزائفة في النص الذي به أخطاء إملائية أو نحوي.