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

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

Rachel Andrew

تاريخ النشر: 24 أبريل 2026

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

تم طرح الإصدار 147 من Chrome و150 من Firefox في القناة الثابتة خلال شهر أبريل. لم يتم طرح إصدار ثابت من Safari هذا الشهر. تستعرض هذه المشاركة العديد من الميزات الجديدة التي طرحناها هذا الشهر.

تصبح دالة CSS contrast-color() هي Baseline

مع طرح الإصدار 147 من Chrome الذي يتضمّن وظيفة contrast-color()، أصبحت هذه الميزة المفيدة لإمكانية الوصول متاحة الآن على جميع المحركات الرئيسية، ما يجعلها متاحة حديثًا في Baseline.

تأخذ هذه الدالة قيمة لون وتعرض إما اللون الأسود أو الأبيض، حسب اللون الذي يوفّر أعلى تباين مع اللون المقدَّم. يساعد ذلك في ضمان استيفاء النص لمتطلبات التباين المتعلقة بتسهيل الاستخدام.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 146.
  • Safari: 26.

Source

أصبحت خصائص نطاق الصور المتحركة المستندة إلى الانتقال هي Baseline

يتضمّن Firefox 150 إمكانية استخدام السمتَين animation-range-start وanimation-range-end، بالإضافة إلى الاختصار animation-range. ويؤدي ذلك إلى توفّر هذه المواقع في Baseline Newly.

تتيح لك هذه الخصائص التحكّم في موضع بدء وانتهاء الرسوم المتحركة على المخطط الزمني للرسوم المتحركة المستندة إلى التمرير.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

طريقة ariaNotify()

يتيح الإصدار 150 من Firefox استخدام طريقة ariaNotify() على Document وElement. تتيح هذه الطريقة لمؤلفي المحتوى وضع سلسلة من النصوص في قائمة الانتظار ليتم الإعلان عنها بواسطة قارئ الشاشة.

ويوفّر ذلك بديلاً أكثر موثوقية وملاءمة من مناطق البث المباشر في ARIA، خاصةً للإشعارات غير المرتبطة بتعديلات DOM.

Browser Support

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

Source

الأحجام التلقائية للصور التي يتم تحميلها ببطء

يتوافق الإصدار 150 من Firefox الآن مع الكلمة الرئيسية "auto" للسمة sizes الخاصة بعناصر <img>. يتيح ذلك للصور التي يتم تحميلها بشكل كسول استخدام حجم تنسيق الصورة المحسوب لاختيار أفضل مصدر من srcset، ما يسهّل عملية إعداد الصور المتجاوبة.

Browser Support

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

Source

عمليات نقل العرض على مستوى العنصر

يعرض الإصدار 147 من Chrome السمة element.startViewTransition() على عناصر HTML عشوائية. يتيح ذلك إجراء انتقالات محددة النطاق لعنصر معيّن، ما يعني أنّ العناصر الزائفة تتأثر بعمليات الاقتصاص والتحويل التي تجري على العناصر الأصل، ويمكن تشغيل عدّة انتقالات في الوقت نفسه.

خاصية border-shape في CSS

يقدّم الإصدار 147 من Chrome السمة border-shape، ما يتيح لك إنشاء حدود غير مستطيلة بأشكال مثل المضلّعات أو الدوائر.

سمة مسار <textPath> SVG

يضيف الإصدار 147 من Chrome إمكانية استخدام السمة path في عنصر SVG <textPath>، ما يتيح لك تحديد هندسة مسار النص بشكل مضمّن.

Browser Support

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

إتاحة Modulepreload لملفات JSON وملفات الأنماط

يضيف الإصدار 147 من Chrome إمكانية استخدام أنواع وحدات JSON والأنماط كوجهات <link rel="modulepreload">.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

يتضمّن Chrome 147 اقتراح TC39 بشأن Math.sumPrecise، ما يؤدي إلى عرض مجموع دقيق للقيم في عنصر قابل للتكرار. تتوفّر الآن طريقة Baseline Newly.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 137.
  • Safari: 26.2.

Source

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

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

يتضمّن الإصدار التجريبي من Chrome 148 طلبات البحث في الحاويات التي تستخدم الاسم فقط في CSS، والتحميل الكسول لعناصر الفيديو والصوت، والدالة at-rule() لرصد الميزات في @supports.

تتضمّن الإصدار التجريبي من Firefox 151 طلبات البحث عن أنماط حاويات CSS.

يتضمّن الإصدار التجريبي 26.5 من Safari إمكانية استخدام الفئة الزائفة :open مع العناصر <details> و<dialog> و<select> و<input>، بالإضافة إلى عدد كبير من الحلول للمشاكل.