استكشِف بعض الميزات الرائعة التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال تشرين الثاني (نوفمبر) 2022.
إصدارات المتصفّح المستقرة
في تشرين الثاني (نوفمبر)، أصبح Firefox 107 وChrome 108 ثابتًا. لنلقِ نظرة على ما يعنيه ذلك بالنسبة إلى منصّة الويب.
تغيير في سلوك "إطار عرض التنسيق" في Chrome على نظام التشغيل Android
هناك تغيير في سلوك إطار عرض التنسيق من Chrome 108 على Android عند عرض لوحة المفاتيح على الشاشة. لمزيد من المعلومات، اطّلِع على مقالة الاستعداد للتغييرات التي تطرأ على سلوك تغيير حجم إطار العرض في Chrome على نظام التشغيل Android.
وحدات إطار عرض جديدة
وتتوفّر أيضًا في Chrome 108 وحدات إطار عرض CSS الجديدة. ويشمل ذلك الوحدات الصغيرة (svw وsvh وsvi وsvb وsvmin وsvmax) والوحدات الكبيرة (lvw وlvh وlvi وlvb وlvmin وlvmax) والوحدات الديناميكية (dvw وdvh وdvi وdvb وdvmin وdvmax) والوحدات المنطقية (vi وvb). وقد تم تنفيذ هذه الوحدات بالفعل في متصفحَي Firefox وSafari، ما يعني أنّه أصبح لدينا الآن إمكانية التشغيل التفاعلي بين المحركات الرئيسية الثلاثة لهذه الوحدات.
اقرأ وحدات إطار العرض الكبيرة والصغيرة والديناميكية.
التوافق مع المتصفح
- 108
- 108
- 101
- 15.4
تتوفّر خاصية CSS المختصرة contain-intrinsic-size في الإصدار 107 من Firefox، بالإضافة إلى contain-intrinsic-width وcontain-intrinsic-height والسمات المنطقية contain-intrinsic-block-size وcontain-intrinsic-inline-size.
يتم تطبيقها لتحديد حجم عنصر واجهة المستخدم الذي يخضع لاحتواء الحجم. ويسمح هذا لوكيل المستخدم بتحديد حجم عنصر بدون الحاجة إلى عرض عناصره الفرعية. وهي مفيدة عندما يخضع العنصر لاحتواء الحجم.
إتاحة استخدام كلمة رئيسية واحدة (avoid) لتقسيم CSS
يتضمّن Chrome 108 القيمة avoid لخصائص تجزئة CSS break-before وbreak-after وbreak-inside عند الطباعة. تطلب هذه القيمة من المتصفِّح تجنُّب حدوث عطل قبل العنصر الذي يتم تطبيقه عليه أو بعده أو داخله. على سبيل المثال، تتجنّب خدمة مقارنة الأسعار التالية (CSS) كسر الشكل عند فاصل صفحة.
figure {
break-inside: avoid;
}
ويرجع سبب هذه الإضافة إلى إتاحة إمكانية الطباعة باستخدام LayoutNG، ما يوفّر تجربة عصرية وأقل عوائق. مزيد من المعلومات حول LayoutNG
واجهة برمجة تطبيقات إدارة بيانات الاعتماد الموحّدة
توفّر واجهة برمجة التطبيقات Federated Credential Management API (FedCM) لمحة عن تدفقات الهوية الموحّدة على الويب. ويعرِض مربّع حوار يستند إلى توسّط المتصفّح يسمح للمستخدمين باختيار حسابات من مزوّدي الخدمات لتحديد الهوية لتسجيل الدخول إلى المواقع الإلكترونية. يتم الشحن عبر 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. هذه وحدات طول بالنسبة إلى حجم حاوية الاستعلام.
جزء من سلسلة "الجديد على الويب"