يمكنك التعرّف على بعض الميزات المثيرة للاهتمام التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال آذار (مارس) 2022.
إصدارات المتصفّح المستقرة
في آذار (مارس)، أصبح Chrome 99 وChrome 100 وFirefox 98 وSafari 15.4 مستقرًا. أدى ذلك إلى جلب مجموعة كاملة من الميزات الجديدة إلى المنصة، ويعني العديد من هذه الإضافات أن هذه الميزة أصبحت متاحة في جميع محركات المتصفح الثلاثة. ركّزتُ في هذه المشاركة على تلك الإضافات التي تتيح لنا إمكانية التشغيل التفاعلي على جميع المتصفّحات، ولكن يُرجى مراجعة ملاحظات الإصدار للاطّلاع على جميع الميزات المُضافة إلى كل محرّك.
يتضمّن Chrome 99 وSafari 15.4 طبقات متتالية. تحدد القاعدة @layer الموجودة في القاعدة طبقة تسلسلية، ما يساعدك في التحكم في الخصوصية. وانضممت أيضًا إلى Firefox، ولذلك أصبح Cascade Layers متاحًا الآن في جميع محركات المتصفح الثلاثة. تعرّف على مزيد من المعلومات عن طبقات Cascade Layers في طبقات Cascade التي تصل إلى المتصفح.
يتضمن Chrome 100 القيمة الجديدة plus-lighter لخاصية mix-blend-mode الخاصة بخدمة مقارنة الأسعار (CSS). تكون هذه القيمة مفيدة عند تلاشي عنصرين متقاطعين عندما تكون لكل وحدات البكسل أو مجموعة فرعية منها القيم نفسها. يمكنك الاطّلاع على المزيد من المعلومات عن المشكلة التي يتم حلها من خلال تعذُّر التلاشي المتداخل لأي من عناصر DOM.
التوافق مع المتصفح
- 100
- 100
- 99
- 9.1
يتضمّن Safari 15.4 السمة contain، ما يسمح باحتواء CSS.
يتوفر أيضًا في Safari 15.4 accent-color، مما يتيح التحكم في لون التمييز المستخدم في بعض عناصر التحكم في النموذج.
ظهر العنصر <dialog> الذي يمثّل مربّع حوار في متصفّحَي Firefox 98 وSafari 15.4.
أكمل Safari 15.4 أيضًا دعم الفئة الزائفة في :focus-visible. نفّذت "إيغاليا" عمليات التنفيذ في هذا الشأن.
إصدارات المتصفّح التجريبي
وتتيح لك الإصدارات التجريبية من المتصفّح إمكانية معاينة الميزات التي ستكون في الإصدار الثابت التالي من المتصفّح. الوقت مناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثّر على موقعك الإلكتروني قبل طرح هذا الإصدار عالميًا.
وكانت الإصدارات التجريبية الجديدة في شهر آذار (مارس) هي Chrome 101 وFirefox 99.
يتضمّن إصدار Chrome 101 التجريبي تدوين لون hwb. يحدد هذا الخيار اللون بناءً على تدرج اللون والأبيض والأسود. كما هو الحال مع تدوين اللون الآخر، يقوم مكون ألفا الاختياري بتحديد معدل الشفافية.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
يتضمّن الإصدار 99 من Firefox السمة pdfViewerEnabled الخاصة بواجهة Navigator. تشير هذه السمة إلى ما إذا كان المتصفِّح يتيح عرض ملفات PDF المضمّنة.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
ستصبح هذه الميزات التجريبية متاحة في المتصفحات الثابتة قريبًا.
جزء من سلسلة "الجديد على الويب"