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

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

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

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

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

  • Chrome: 102
  • الحافة: 102.
  • Firefox: 112.
  • ‫Safari: 15.5

المصدر

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

دعم المتصفح

  • Chrome: 102
  • الحافة: 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
  • الحافة: 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() التي لن يتم طرحها في هذا الإصدار.

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