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

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

في تشرين الثاني (نوفمبر)، أصبح Firefox 107 وChrome 108 متوفّرَين بإصدار ثابت. لنلقِ نظرة على ما يعنيه ذلك بالنسبة إلى منصة الويب.

تم إجراء تغيير على طريقة سلوك "مساحة عرض التنسيق" في الإصدار 108 من Chrome على Android عند عرض لوحة المفاتيح على الشاشة. اطّلِع على المقالة الاستعداد للتغييرات في سلوك تغيير حجم إطار العرض في Chrome على Android لمعرفة المزيد من المعلومات.

وحدات إطار العرض الجديدة

يتضمّن الإصدار 108 من Chrome أيضًا وحدات إطار العرض الجديدة في CSS. وتشمل هذه الوحدات الصغيرة (svw وsvh وsvi وsvb وsvmin وsvmax) والكبيرة (lvw وlvh وlvi وlvb وlvmin وlvmax) والديناميكية (dvw وdvh وdvi وdvb وdvmin وdvmax) والمنطقية (vi وvb). تم تنفيذ هذه الوحدات في Firefox وSafari، ما يعني أنّنا نوفّر الآن إمكانية التشغيل التفاعلي على مستوى محرّكات المتصفّحات الرئيسية الثلاثة لهذه الوحدات.

اطّلِع على وحدات إطار العرض الكبيرة والصغيرة والديناميكية.

توافق المتصفّح

  • Chrome: 108
  • الحافة: 108.
  • Firefox: 101.
  • Safari: 15.4

تتوفّر خاصية CSS المختصرة contain-intrinsic-size في الإصدار 107 من Firefox، إلى جانب الخاصيتين الكاملتين contain-intrinsic-width وcontain-intrinsic-height والخصائص المنطقية contain-intrinsic-block-size وcontain-intrinsic-inline-size.

يتم تطبيق هذه السمات لتحديد حجم عنصر واجهة المستخدم الذي يخضع لتقييد الحجم. ويسمح ذلك لوكيل المستخدم بتحديد حجم عنصر بدون الحاجة إلى عرض عناصره الفرعية. وهي مفيدة عندما يكون العنصر خاضعًا لتقييد الحجم.

توافق المتصفّح

  • Chrome: 83
  • ‫Edge: 83
  • Firefox: 107
  • ‫Safari: 17

المصدر

إتاحة الكلمة الرئيسية avoid لتقسيم خدمة مقارنة الأسعار

يتيح الإصدار 108 من Chrome استخدام القيمة avoid لخصائص تقسيم CSS break-before وbreak-after وbreak-inside عند الطباعة. تُعلِم هذه القيمة المتصفّح بتجنُّب الفاصل قبل العنصر الذي يتم تطبيقها عليه أو بعده أو داخله. على سبيل المثال، يتجنّب رمز CSS التالي تقسيم الشكل عند فاصل الصفحة.

figure {
    break-inside: avoid;
}

يرجع سبب هذه الإضافة إلى تضمين ميزة الطباعة باستخدام LayoutNG، ما يقدّم تجربة حديثة وأقلّ خطأً. مزيد من المعلومات عن LayoutNG

Federated Credential Management API

توفّر واجهة برمجة التطبيقات Federated Credential Management API (FedCM) نموذجًا مجردًا لعمليات الهوية المتحدّة على الويب. ويعرِض مربّع حوار يستند إلى المتصفّح يتيح للمستخدمين اختيار حسابات من مقدّمي خدمات التعرّف على الهوية لتسجيل الدخول إلى المواقع الإلكترونية. سيتم طرح FedCM في الإصدار 108 من Chrome. يمكنك الاطّلاع على مزيد من المعلومات حول هذا الموضوع في مشاركة المدوّنة التي تعلن عن FedCM.

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

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

يتيح Firefox 108 سمتَي height وwidth للعنصر <source>، عندما يكون عنصرًا ثانويًا لعنصر <picture>. تقبل هذه السمات ارتفاع الصورة أو عرضها بالبكسل كعدد صحيح بدون وحدة.

يجري تنفيذ طلبات البحث عن الحاويات في Firefox. بعد العلامة layout.css.container-queries.enabled في الإصدار التجريبي من Firefox 108، ستجد وحدات طول طلب البحث عن الحاوية، وهي cqw وcqh وcqi وcqb وcqmin وcqmax. هذه هي وحدات الطول بالنسبة إلى حجم حاوية طلب البحث.

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