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

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

Rachel Andrew

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

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

تغيير في سلوك "إطار عرض التصميم" في Chrome على Android

تم إجراء تغيير على طريقة سلوك "مساحة عرض التنسيق" في الإصدار 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 في Firefox 107، بالإضافة إلى السمات الطويلة 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 إلى Chrome 108. يمكنك معرفة المزيد من المعلومات حول ذلك في مشاركة مدونة إعلان FedCM.

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

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

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

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

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