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

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

في شهر أيار (مايو)، أصبح الإصدار 102 من Chrome والإصدار 15.5 من Safari والإصدار 100 من Firefox والإصدار 101 من Firefox متوفّرًا بشكلٍ ثابت.

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

توافق المتصفّح

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

المصدر

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

توافق المتصفّح

  • Chrome: 102
  • Edge: 102.
  • Firefox: غير متوافق
  • Safari: غير متوافق

المصدر

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

توافق المتصفّح

  • Chrome: 102
  • Edge: 102.
  • Firefox: غير متوافق
  • Safari: غير متوافق

المصدر

يتيح Firefox 101 استخدام جداول الأنماط القابلة للإنشاء. ويشمل الدعم طريقة الإنشاء CSSStyleSheet() وreplace() وreplaceSync(). تسهِّل أوراق الأنماط القابلة للإنشاء إنشاء أوراق أنماط لاستخدامها مع Shadow DOM. في المثال التالي، يتم إنشاء ملف أوراق أسلوب باستخدام المنشئ CSSStyleSheet()، ويتم إضافة قاعدة CSS باستخدام الطريقة replaceSync()، ويتم طباعة القاعدة الناتجة في وحدة التحكّم.

const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);

توافق المتصفّح

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

المصدر

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

توافق المتصفّح

  • Chrome: 96
  • الحافة: 96
  • Firefox: 101.
  • ‫Safari: 14.1

المصدر

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

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

كان الإصداران التجريبيان الجديدان في شهر نيسان (أبريل) هما Chrome 103 وFirefox 102.

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

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

توافق المتصفّح

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

المصدر

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

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

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

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