جديد على منصة الويب في تشرين الثاني (نوفمبر)

اطّلِع على بعض الميزات المثيرة للاهتمام التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال تشرين الثاني (نوفمبر) 2023.

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

في تشرين الثاني (نوفمبر) 2023، لم يكن لدينا سوى إصدار ثابت واحد من المتصفِّح مع Firefox 120. تتناول هذه المشاركة ما يعنيه ذلك بالنسبة إلى منصة الويب.

إتاحة السمة media في العنصر <source>

يتيح متصفّح Firefox إعادة إتاحة السمة media في العنصر <source>. وقد تم توسيع نطاق توافقه ليشمل العنصرَين <audio> و<video>. في هذا الإصدار، ستتوفّر سمة الوسائط في عناصر <source> ضمن <audio> و<video> و<picture>.

ستتوفّر السمة media في Chrome قريبًا، وهي متوفّرة في متصفّح Safari، لذا سيُتاح لك قريبًا فيديو وصوت بتنسيق HTML المتجاوب في جميع محرّكات البحث.

دالة CSS Color light-dark()

يتيح متصفِّح Firefox الآن وظيفة اللون light-dark() في CSS. وهذا يعني أنّه يمكنك ضبط ألوان للمخططات الفاتحة والداكنة بدون استخدام ميزة وسائط prefers-color-scheme.

دعم المتصفح

  • 123
  • 123
  • 120
  • 17.5

المصدر

الوحدتان lh وrlh

يتيح Firefox وحدتَي CSS lh وrlh. وتتيح لك هذه الوحدات ضبط قيم ذات صلة بارتفاع سطر العنصر، وهو أمر مفيد عندما تريد محاذاة صور الخلفية مع النص. هذا الإصدار يجعل هذه الأعمال قابلة للتشغيل التفاعلي على جميع المحركات الرئيسية الثلاثة.

دعم المتصفح

  • 109
  • 109
  • 120
  • 16.4

بروتوكولات HTTP 103 الأولى

يتيح متصفّح Firefox الآن رمز الاستجابة لمعلومات HTTP 103 Early Hints.

دعم المتصفح

  • 103
  • 103
  • 120
  • 17

المصدر

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

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

يتضمّن Chrome 120 وSafari 17.2 التحليل المريح من أجل CSS Nesting.

يلغي Chrome 120 سمات -webkit-mask* ويجعلها متوافقة مع المواصفات الحالية. ويشمل ذلك mask-image وmask-mode وmask-repeat وmask-position وmask-clip وmask-origin وmask-size وmask-composite، بالإضافة إلى اختصار mask. يمكن استخدام مراجع mask-image المحلية، ويتطابق التسلسل الآن مع المواصفات، وتتطابق القيم المقبولة الآن مع المواصفات.

يتيح الإصدار 120 من Chrome والإصدار 17.2 من Safari السمة name للعنصر <details>.

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

جزء من سلسلة الفيديوهات الجديدة على الويب