تعرَّف على بعض الميزات الرائعة التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال شباط (فبراير) 2022.
إصدارات المتصفّح المستقرة
في شباط (فبراير)، أصبح Chrome 98 وFirefox 97 ثابتًا.
تم شحن طريقة self.structuredClone في الإصدار 98 من Chrome. تنشئ هذه الدالة نسخة طبق الأصل عن قيمة معيّنة باستخدام خوارزمية النسخ المنظَّم. مزيد من المعلومات حول structuredClone()
يتضمن Firefox 97 الطبقات المتتالية. تحدد القاعدة @layer الموجودة في القاعدة طبقة تسلسلية، ما يساعدك في التحكم في الخصوصية.
@layer framework {
/* creates a new layer named framework */
}
Firefox هو أول متصفح يصل إلى هذا الإصدار في إصدار جديد. ومع ذلك، يمكنك الاطلاع على القسم في هذه المشاركة عن الإصدارات التجريبية، لأنه لن يمر وقت طويل قبل أن تتوفر هذه الميزة في كل مكان. تعرّف على المزيد عن طبقات Cascade Layers في طبقات Cacade التي تصل إلى المتصفح.
يحصل Firefox أيضًا على السمة scrollbar-gutter. تساعد هذه السمة على إزالة متغيّرات التصميم الناتجة عن ظهور شريط التمرير مع زيادة المحتوى.
هامش التوثيق في شريط التمرير هو المسافة بين حافة الحد الداخلي وحافة المساحة المتروكة الخارجية. هذا هو المكان الذي سيظهر فيه شريط التمرير إذا لزم الأمر. في حال عدم توفّر شريط تمرير، يظهر هامش التوثيق كامتداد للمساحة المتروكة. ستضيف CSS التالية تباعدًا مع مراعاة حجم شريط التمرير إلى جانبي المربع، للحفاظ على اتساق المظهر.
.container {
scrollbar-gutter: stable both-edges;
}
يتوافق إصدار 98 من Chrome مع خطوط متدرج الألوان المتدرجة COLRv1 كتنسيق إضافي جديد للخط. يحتوي خط اللون على رموز نصية بألوان متعددة، والتي يمكن أن تكون على سبيل المثال رمز تعبيري أو علم بلد أو حرف متعدد الألوان.
يمكنك الاطّلاع على مزيد من المعلومات عن تنسيق الخط الجديد هذا في الخطوط المتجهة المتدرجة بالألوان COLRv1 في Chrome 98.
إصدارات المتصفّح التجريبي
وتتيح لك الإصدارات التجريبية من المتصفّح إمكانية معاينة الميزات التي ستكون في الإصدار الثابت التالي من المتصفّح. الوقت مناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثّر على موقعك الإلكتروني قبل طرح هذا الإصدار عالميًا.
وكانت الإصدارات التجريبية الجديدة في شباط (فبراير) هي Chrome 99 وFirefox 98. لا يزال الإصدار التجريبي 15.4 من Safari يعمل، وقد تناولتُ بعض الأمور الشهر الماضي.
يتضمّن Chrome 99 طبقات Cascade Layers، ومن خلال طبقات Cascade Layers أيضًا في الإصدار التجريبي من Safari 15.4، نتوقّع ظهور هذه الميزة في جميع المتصفِّحات التي لا يبطُل رواجها قريبًا.
يتوفر في Chrome 99 أيضًا العديد من السمات الجديدة لـ CanvasRenderingContext2D، وطريقة showPicker() جديدة على HTMLInputElement وهي طريقة لعرض منتقي المتصفح للتاريخ والوقت واللون والملفات.
في الإصدار 98 من Firefox، يمكنك العثور على العنصر <dialog>. ميزة أخرى ستكون متاحة في جميع المتصفحات التي لا يبطُل رواجها بعد أن يصبح الإصداران التجريبيان Firefox وSafari ثابتَين.
سيتم توفير جميع هذه الميزات التجريبية في متصفحات ثابتة قريبًا.
جزء من سلسلة "الجديد على الويب"