تعرَّف على بعض الميزات الرائعة التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال شهر أيار (مايو) 2022.
إصدارات المتصفّح المستقرة
في أيار (مايو)، أصبح Chrome 102 وSafari 15.5 وFirefox 100 وFirefox 101 ثابتًا.
يتضمّن كل من Chrome 102 وSafari 15.5 السمة inert. يؤدي ذلك إلى إزالة العناصر من ترتيب التنقل بـ Tab وشجرة تسهيل الاستخدام إذا كانت غير تفاعلية. مثل عنصر مخفي أو خارج الشاشة حاليًا.
يتضمّن Chrome 102 القيمة الجديدة until-found لسمة HTML hidden. يؤدي هذا إلى تفعيل ميزة "البحث في الصفحة" والتمرير إلى جزء النص على النص الموجود داخل منطقة مصغّرة من الصفحة، كما قد تجد في نمط أكورديون. يمكنك الاطّلاع على مزيد من المعلومات في المشاركة إتاحة الوصول إلى المحتوى المصغّر باستخدام $hidden=untent-found.
يوفر Chrome 102 واجهة برمجة تطبيقات التنقل، وهي واجهة برمجة تطبيقات تعمل على توحيد التوجيه من جهة العميل في تطبيقات الصفحة الواحدة. كانت تُسمّى واجهة برمجة التطبيقات هذه في السابق باسم App History API.
يتوافق الإصدار 101 من Firefox مع أوراق الأنماط القابلة للإنشاء. يشمل الدعم الدالة الإنشائية CSSStyleSheet() والطريقة replace() وreplaceSync(). تُسهل أوراق الأنماط القابلة للإنشاء من إنشاء أوراق أنماط لاستخدامها مع Shadow DOM. في المثال التالي، يتم إنشاء ورقة أنماط باستخدام الدالة الإنشائية CSSStyleSheet()، وتتم إضافة قاعدة CSS باستخدام الإجراء replaceSync()، وتتم طباعة القاعدة الناتجة على وحدة التحكّم.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
تتوفّر أيضًا ميزة وسائط prefers-contrast في متصفّح Firefox 101، ما يجعل هذه الميزة متاحة على عدّة متصفّحات.
إصدارات المتصفّح التجريبي
وتتيح لك الإصدارات التجريبية من المتصفّح إمكانية معاينة الميزات التي ستكون في الإصدار الثابت التالي من المتصفّح. الوقت مناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثّر على موقعك الإلكتروني قبل طرح هذا الإصدار عالميًا.
وكانت الإصدارات التجريبية الجديدة التي تم إطلاقها في نيسان (أبريل) هي Chrome 103 وFirefox 102.
يتضمّن متصفِّح Firefox 102 ميزة الوسائط update. ويُستخدم هذا المقياس للاستعلام عما إذا كان بإمكان جهاز الإخراج تعديل مظهر المحتوى بعد عرضه. تقبل القيم التالية:
none- بعد عرض المحتوى، لا يمكن تعديله. مثلاً، مستند مطبوع.
slow- يمكن للجهاز تحديث المحتوى، ولكن ببطء شديد جدًا لعرض صور متحركة سلسة. على سبيل المثال، شاشات الحبر الإلكتروني.
fast- يمكن أن يتغيّر المحتوى بشكل ديناميكي وسريع بما يكفي لعرض الصور المتحركة. مثل، شاشة كمبيوتر أو هاتف.
يتضمّن Chrome 103 Local Font Access API، والتي تتيح الوصول إلى خطوط المستخدم المثبَّتة محليًا.
ستصبح هذه الميزات التجريبية متاحة في المتصفحات الثابتة قريبًا.
تعديل: تضمّنت نسخة سابقة من هذه المشاركة إشارة إلى طريقة Element.isVisible()، وهي غير متوفّرة في هذا الإصدار.
جزء من سلسلة "الجديد على الويب"