جديد على منصة الويب في أيار (مايو)

تعرَّف على بعض الميزات المثيرة للاهتمام التي تم إطلاقها في الإصدارات الثابتة والتجريبية من متصفحات الويب خلال أيار (مايو) 2022.

Rachel Andrew

إصدارات المتصفّح الثابتة

في أيار (مايو)، أصبحت الإصدارات 102 من Chrome و15.5 من Safari و100 من Firefox و101 من Firefox مستقرة.

يتضمّن الإصداران Chrome 102 وSafari 15.5 السمة inert. تؤدي هذه السمة إلى إزالة العناصر من ترتيب علامات التبويب وشجرة تسهيل الاستخدام إذا كانت غير تفاعلية. على سبيل المثال، عنصر يظهر حاليًا خارج الشاشة أو مخفي.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Source

يتضمّن الإصدار 102 من Chrome القيمة الجديدة until-found لسمة HTML hidden. يتيح ذلك إمكانية البحث في الصفحة والانتقال إلى جزء من النص داخل مساحة مصغّرة في الصفحة، كما قد تجد في نمط الأكورديون. يمكنك الاطّلاع على مزيد من المعلومات في المشاركة تسهيل الوصول إلى المحتوى المصغّر باستخدام hidden=until-found.

يتضمّن الإصدار 102 من Chrome Navigation API، وهي واجهة برمجة تطبيقات تعمل على توحيد التوجيه من جهة العميل في التطبيقات ذات الصفحة الواحدة. كان اسم واجهة برمجة التطبيقات هذه في السابق App History API.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: not supported.
  • Safari: not supported.

Source

يتوافق الإصدار 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);

Browser Support

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Source

يتضمّن Firefox 101 أيضًا ميزة الوسائط prefers-contrast، ما يتيح استخدام هذه الميزة على جميع المتصفّحات.

Browser Support

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Source

إصدارات المتصفّح التجريبية

تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفّر في الإصدار الثابت التالي من المتصفّح. هذه فرصة رائعة لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يتم طرح الإصدار للجميع.

كانت الإصدارات التجريبية الجديدة في أبريل هي Chrome 103 وFirefox 102.

يتضمّن الإصدار 102 من Firefox ميزة الوسائط update. يُستخدَم هذا الإجراء للاستعلام عمّا إذا كان بإمكان جهاز الإخراج تعديل مظهر المحتوى بعد عرضه. يمكن إدخال القيم التالية:

none
بعد عرض المحتوى، لا يمكن تعديله. على سبيل المثال، مستند مطبوع
slow
يمكن للجهاز تعديل المحتوى، ولكن ببطء شديد بحيث لا يمكن عرض رسومات متحركة سلسة. على سبيل المثال، شاشات الحبر الإلكتروني
fast
يمكن أن يتغيّر المحتوى بشكل ديناميكي وبسرعة كافية لعرض الصور المتحركة. على سبيل المثال، شاشة كمبيوتر أو هاتف.

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Source

يتضمّن Chrome 103 Local Font Access API، الذي يتيح الوصول إلى الخطوط المثبَّتة محليًا على جهاز المستخدم.

ستتوفّر ميزات الإصدار التجريبي هذه في المتصفّحات الثابتة قريبًا.

تعديل: تضمّنت نسخة سابقة من هذه المشاركة إشارة إلى طريقة Element.isVisible()، والتي لن يتم طرحها في هذا الإصدار.

جزء من سلسلة "ميزات جديدة على الويب"