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

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

تاريخ النشر: 29 أيار (مايو) 2025

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

في أيار (مايو) 2025، أصبح الإصدار 139 من Firefox و137 من Chrome و18.5 من Safari متوفّرًا بشكلٍ ثابت. تتناول هذه المشاركة الميزات الجديدة التي تمت إضافتها إلى منصة الويب مع هذه الإصدارات.

Temporal API

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

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 139.
  • Safari: behind a flag.

Source

hidden=until-found وفعالية beforematch

يتضمّن Firefox 139 أيضًا سمة HTML hidden="until-found" وحدث beforematch. تتيح لك الحالة until-found إخفاء محتوى عنصر إلى أن يعثر عليه المستخدم من خلال البحث (على سبيل المثال، باستخدام ميزة "البحث في الصفحة") أو من خلال التنقّل في المقتطف. يتمّ تنشيط الحدث beforematch قبل إزالة السمة hidden مباشرةً.

طريقة requestClose()

تتوفّر الآن طريقة requestClose() لواجهة HTMLDialogElement في الإصدار 139 من Firefox.

تختلف هذه الطريقة عن طريقة HTMLDialogElement.close() في أنّها تُطلق حدث cancel قبل إطلاق الحدث close.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 139.
  • Safari: 18.4.

Source

reading-flow وreading-order من CSS

يتضمّن الإصدار 137 من Chrome reading-flow وreading-order. تتحكّم سمة reading-flow في CSS بترتيب عرض العناصر في تنسيق مرن أو شبكة أو تنسيق كتل أمام أدوات تسهيل الاستخدام وكيفية التركيز عليها باستخدام طرق التنقّل التسلسلي الخطي. يحلّ ذلك مشكلة طويلة الأمد في تنسيقات الشبكة والتنسيقات المرنة، حيث يمكن أن يصبح ترتيب علامات التبويب غير مرتبط بترتيب عرض العناصر.

تتيح لك خاصية CSS‏ reading-order إلغاء ترتيب العناصر يدويًا داخل حاوية مسار القراءة. لاستخدام هذه السمة داخل حاوية شبكة أو حاوية مرنة أو حاوية عنصر، اضبط قيمة reading-flow في الحاوية على source-order واضبط reading-order للعنصر الفردي على قيمة عددية.

Browser Support

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

لمزيد من المعلومات، يُرجى الاطّلاع على مقالة استخدام مسار القراءة في CSS للتنقّل المنطقي التسلسلي للتركيز.

دالة if() في CSS

في الإصدار 137 من Chrome أيضًا، توفّر دالة CSS if() طريقة موجزة للتعبير عن القيم الشَرطية. يمكن إدخال سلسلة من أزواج الشروط والقيم مفصولة بنقطتَي فاصلة. تقيّم الدالة كل شرط على التوالي وتُعيد القيمة المرتبطة بأول شرط صحيح. إذا لم يتم تقييم أيّ من الشروط على أنّه صحيح، تعرض الدالة بثًا فارغًا من الرموز المميّزة.

Document-Isolation-Policy

في الإصدار 137 من Chrome، يتيح Document-Isolation-Policy للمستند تفعيل crossOriginIsolation لنفسه، بدون الحاجة إلى نشر ميزة "التعاون في عرض الإعلانات" أو ميزة "الموافقة على ملفات تعريف الارتباط"، وبغض النظر عن حالةcrossOriginIsolation الصفحة. تستند السياسة إلى عملية عزل. بالإضافة إلى ذلك، سيتم تحميل موارد المستند الفرعية التي لا تستخدم بروتوكول مشاركة الموارد المشتركة المنشأ (CORS) من مصادر متعددة إما بدون بيانات اعتماد أو يجب أن تتضمّن عنوان CORP.

الإشعارات التلقائية على الويب التعريفية

كان الإصدار 18.5 من Safari يتضمن إصلاحات للأخطاء في أغلب الأحيان، إلا أنّه يضيف ميزة Web Push التعريفية إلى نظام التشغيل macOS، وهي ميزة لا تتوفّر حاليًا إلا في Safari. يمكنك الاطّلاع على مزيد من المعلومات حول ذلك في مقالة Meet Declarative Web Push (التعرّف على رسائل Web Push التعريفية) على مدوّنة WebKit.

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

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

يتضمّن الإصدار 140 من Firefox مجموعة فرعية من Cookie Store API، وهي طريقة حديثة غير متزامنة ومستندة إلى الوعد لإدارة ملفات تعريف الارتباط، ويمكن استخدامها في كلّ من سلسلة المهام الرئيسية وبرامج الخدمة.

يتضمّن الإصدار 138 من Chrome عددًا من واجهات برمجة التطبيقات المدمجة المستندة إلى الذكاء الاصطناعي، وهي: Summarizer API و Language Detector API وTranslator API.

يتضمّن الإصدار 138 من Chrome أيضًا عددًا من ميزات CSS، بما في ذلك الكلمة الرئيسية stretch لتحديد الحجم، ودالتا sibling-index() وsibling-count().