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

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

Rachel Andrew

تاريخ النشر: 30 أكتوبر 2025

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

تم طرح Chrome 142 وFirefox 144 في الإصدار الثابت خلال شهر تشرين الأول (أكتوبر)، وتتناول هذه المشاركة تأثير ذلك على منصة الويب.

واجهة برمجة التطبيقات View Transitions للتطبيقات ذات الصفحة الواحدة

يتضمّن الإصدار 144 من Firefox إمكانية استخدام انتقالات العرض في المستند نفسه. ويشمل ذلك إمكانية استخدام ما يلي:

• الفئة الزائفة :active-view-transition
• السمة view-transition-class
• السمة view-transition-name
• العنصر الصوري ::view-transition
• العنصر الصوري ::view-transition-group()
• العنصر الصوري ::view-transition-image-pair()
• العنصر الصوري ::view-transition-new()
• العنصر الصوري ::view-transition-old()

وهذا يجعل عمليات الانتقال بين طرق العرض في المستند نفسه متاحة حديثًا في Baseline.

السمتان command وcommandfor في العنصر <button>

يتوافق الإصدار 144 من Firefox مع command وcommandfor. يمكنك الاطّلاع على مزيد من المعلومات حول هاتين السمتَين في مقدمة عن command وcommandfor.

طريقة moveBefore()

أصبحت طريقة moveBefore() متاحة الآن على متصفّح Firefox في واجهات Element وDocumentFragment وDocument. يتيح لك ذلك نقل عنصر ثانوي مباشر للعنصر، قبل عنصر ثانوي آخر له، مع احتفاظ كلا العنصرين بحالتهما.

يمكنك الاطّلاع على مزيد من المعلومات في الحفاظ على الحالة أثناء تغييرات نموذج المستند (DOM) باستخدام moveBefore()‎.

:target-before و:target-after الفئات الزائفة

يضيف الإصدار 142 من Chrome فئات زائفة تطابق علامات التمرير التي تسبق العلامة النشطة أو تليها (مطابقة :target-current) ضمن مجموعة علامات التمرير نفسها، وذلك على النحو الذي يحدّده ترتيب الشجرة المسطّحة:

• ‫:target-before: تطابق جميع علامات التمرير التي تسبق العلامة النشطة في ترتيب الشجرة المسطّحة ضمن المجموعة.
• ‫:target-after: تطابِق جميع علامات التمرير التي تلي العلامة النشطة بترتيب الشجرة المسطّحة ضِمن المجموعة.

بنية النطاق لطلبات الحاوية الخاصة بالتصميم وif()

يحسّن الإصدار 142 من Chrome استعلامات أنماط CSS والدالة if() من خلال إضافة دعم لبنية النطاق.

توسّع هذه السمة نطاق طلبات البحث عن الأنماط ليشمل ما هو أبعد من مطابقة القيم الدقيقة (على سبيل المثال، style(--theme: dark)). ويمكن للمطوّرين استخدام عوامل المقارنة (مثل > و<) لمقارنة الخصائص المخصّصة والقيم الحرفية (على سبيل المثال، 10 بكسل أو %25) والقيم من دوال الاستبدال، مثل attr() وenv(). لإجراء مقارنة صالحة، يجب أن يتم تحليل كلا الجانبين إلى نوع البيانات نفسه. يقتصر على الأنواع الرقمية التالية: <length> و<number> و<percentage> و<angle> و<time> و<frequency> و<resolution>.

مثيرات الاهتمام (السمة interestfor)

يضيف الإصدار 142 من Chrome أيضًا السمة interestfor إلى العنصرَين <button> و<a>. تضيف هذه السمة سلوكيات "الاهتمام" إلى العنصر. عندما يُبدي المستخدم اهتمامًا بالعنصر، يتم تشغيل الإجراءات على العنصر المستهدَف، مثل عرض نافذة منبثقة.

يرصد وكيل المستخدم عندما يُظهر المستخدم اهتمامًا بالعنصر من خلال طرق مثل تمرير المؤشر فوق العنصر أو الضغط على مفاتيح الاختصار الخاصة على لوحة المفاتيح أو الضغط مع الاستمرار على العنصر على شاشات اللمس. عند إظهار الاهتمام أو فقدانه، يتم تشغيل InterestEvent على الهدف، الذي يتضمّن إجراءات تلقائية للعناصر المنبثقة، مثل إظهار العنصر المنبثق وإخفائه.

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

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

يتضمّن Firefox 145 السمة source للواجهة ToggleEvent والطريقة الثابتة Atomics.waitAsync().

يتضمّن الإصدار 145 من Chrome طلبات البحث عن الحاويات الاحتياطية الثابتة في CSS. يؤدي ذلك إلى تقديم @container anchored(fallback) لتصميم العناصر التابعة للعناصر المحدّدة موضعها استنادًا إلى قيمة position-try-fallbacks التي تم تطبيقها.