تعرَّف على بعض الميزات المثيرة للاهتمام التي تم طرحها في إصدارات الويب الثابتة والتجريبية خلال تشرين الثاني (نوفمبر) 2022.
إصدارات المتصفّحات الثابتة
في تشرين الثاني (نوفمبر)، أصبح 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، ما يعني أنّنا نوفّر الآن إمكانية التشغيل التفاعلي على مستوى محرّكات المتصفّحات الرئيسية الثلاثة لهذه الوحدات.
اطّلِع على وحدات إطار العرض الكبيرة والصغيرة والديناميكية.
توافق المتصفّح
تتوفّر خاصية CSS المختصرة contain-intrinsic-size
في الإصدار 107 من Firefox، إلى جانب الخاصيتين الكاملتين contain-intrinsic-width
وcontain-intrinsic-height
والخصائص المنطقية contain-intrinsic-block-size
وcontain-intrinsic-inline-size
.
يتم تطبيق هذه السمات لتحديد حجم عنصر واجهة المستخدم الذي يخضع لتقييد الحجم. ويسمح ذلك لوكيل المستخدم بتحديد حجم عنصر بدون الحاجة إلى عرض عناصره الفرعية. وهي مفيدة عندما يكون العنصر خاضعًا لتقييد الحجم.
إتاحة الكلمة الرئيسية 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
. هذه هي وحدات الطول بالنسبة إلى حجم حاوية طلب البحث.
جزء من سلسلة الميزات الجديدة على الويب