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

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

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

إصدارات متصفح مستقرة

تم إصدار Chrome 142 وFirefox 144 ليصبحا مستقرين خلال شهر أكتوبر، ويلقي هذا المنشور نظرة على ما يعنيه ذلك بالنسبة لمنصة الويب.

واجهة برمجة تطبيقات عرض التحولات لتطبيقات الصفحة الواحدة

يتضمن Firefox 144 دعمًا لانتقالات عرض المستند نفسه. وهذا يشمل الدعم ل:

• ال :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 command و commandfor. يمكنك معرفة المزيد حول هذه السمات في المقدمة command و commandfor.

ال moveBefore() طريقة

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

تعرف على المزيد في حالة الحفاظ على الحالة أثناء طفرات DOM باستخدام moveBefore().

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

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

• :target-before: يطابق جميع علامات التمرير التي تسبق العلامة النشطة بترتيب الشجرة المسطحة داخل المجموعة.
• :target-after: يطابق جميع علامات التمرير التي تتبع العلامة النشطة بترتيب الشجرة المسطحة داخل المجموعة.

بناء جملة النطاق لاستعلامات حاوية النمط و if()

يعمل Chrome 142 على تحسين استعلامات نمط CSS و if() تعمل عن طريق إضافة دعم لبناء جملة النطاق.

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

مدعي الفائدة ( interestfor يصف)

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

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

إصدارات متصفح بيتا

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

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

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