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

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

Rachel Andrew

تاريخ النشر: 29 أكتوبر 2026

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

تم طرح الإصدارات Chrome 155 وChrome 156 وFirefox 158 وFirefox 159 وSafari 27.1 وSafari 27.2 في القناة الثابتة خلال شهر أكتوبر 2026. تتناول هذه المشاركة الميزات الجديدة التي ستتوفّر في المتصفّحات هذا الشهر، مع توفّر العديد من الميزات الرئيسية في مجموعة ميزات Baseline المتاحة حديثًا.

الصور المتحركة المستندة إلى الانتقال تصبح ضمن ميزات Baseline

يتيح الإصدار 159 من Firefox الصور المتحركة المستندة إلى الانتقال تلقائيًا.

تتيح لك "الصور المتحركة المستندة إلى الانتقال" ربط مستوى تقدّم صورة متحركة في CSS أو صورة متحركة في Web Animations API بإزاحة الانتقال في حاوية الانتقال، وذلك باستخدام scroll-timeline والدالة scroll()، أو ربط مستوى التقدّم بظهور عنصر ضمن منفذ الانتقال، وذلك باستخدام view-timeline والدالة view()، المُعيَّنة مع animation-timeline:

بفضل توفّرها في Chrome وSafari والآن في Firefox 159، أصبحت ميزة "الصور المتحركة المستندة إلى الانتقال" متاحة حديثًا ضمن مجموعة الميزات الأساسية.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

يمكنك الاطّلاع على الصور المتحركة المستندة إلى الانتقال: الطريق إلى ميزة "متوفّرة حديثًا" في "المجموعة الأساسية" والانتقال في المخطط الزمني لاستكشاف كيفية تطوّر الصور المتحركة المستندة إلى الانتقال من اقتراح في أوائل عام 2014 إلى معيار ويب قابل للتشغيل التفاعلي يتم شحنه على كل محرّك متصفّح أساسي.

سجلات العناصر المخصّصة ذات النطاق المحدّد أصبحت متاحة في مجموعة ميزات Baseline

يضيف الإصدار 159 من Firefox إمكانية استخدام سجلّات العناصر المخصّصة ذات النطاق المحدّد.

في السابق، كان يجب تسجيل جميع العناصر المخصّصة في سجلّ window.customElements عالمي واحد، ما قد يؤدي إلى تضارب في الأسماء عند دمج مكوّنات من مكتبات أو فِرق مختلفة. يمكنك الآن إنشاء مثيل CustomElementRegistry مستقل باستخدام الدالة الإنشائية CustomElementRegistry() وتحديد نطاق تعريفاته لشجرة ظل معيّنة. تتوفّر السمة customElementRegistry أيضًا في Document وElement وShadowRoot.

بفضل توفّرها في Chrome وSafari وFirefox 159، أصبحت سجلّات العناصر المخصّصة ذات النطاق المحدّد متاحة الآن ضمن ميزة "متاح حديثًا" في مجموعة ميزات Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

إتاحة صور JPEG XL

يتيح كل من الإصدار 155 من Chrome والإصدار 158 من Firefox استخدام تنسيق الصورة JPEG XL (image/jxl) تلقائيًا.

‫JPEG XL هو تنسيق صور نقطية غير خاضع لحقوق الملكية، وهو معتمَد وفقًا لمعيار ISO/IEC 18181. وهو يتيح الضغط مع معلومات مفقودة وبدون فقدان البيانات، وفك الترميز التدريجي، والتدرّجات اللونية الواسعة، والنطاق العالي الديناميكية (HDR)، وأعماق البت العالية، والشفافية، والصور المتحركة، بالإضافة إلى تحويل الترميز بدون فقدان البيانات لملفات JPEG الحالية. يعدّل الإصدار 158 من Firefox أيضًا عنوان HTTP التلقائي Accept لطلبات الصور لتضمين image/jxl.

مزيد من المعلومات حول إتاحة تنسيق JPEG XL في Chrome

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

العمليات الحسابية المكتوبة بلغة CSS أصبحت ضمن ميزات Baseline

يضيف الإصدار 158 من Firefox إمكانية استخدام العمليات الحسابية المكتوبة في CSS في الدوال الرياضية، مثل calc().

تتيح لك العمليات الحسابية المكتوبة في CSS قسمة قيمتَين من نوع البيانات نفسه، حتى إذا كانتا تستخدمان وحدات مختلفة، لإنتاج حاصل قسمة <number> بدون وحدة. يمكنك استخدام هذه النتيجة بدون وحدة مباشرةً في السمات التي تقبل الأرقام (مثل opacity أو line-height) أو ضربها في وحدة أخرى للتحويل بين الأنواع:.

مع إضافة Firefox 158 إلى الدعم الحالي في Chrome وSafari، أصبحت العمليات الحسابية المكتوبة في CSS متاحة الآن ضمن ميزات Baseline الجديدة.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

يضيف الإصدار 158 من Firefox إمكانية استخدام السمة PerformanceResourceTiming.deliveryType.

تشير هذه السمة إلى كيفية عرض المورد، على سبيل المثال، عرض "cache" عندما يتم عرض المورد من ذاكرة التخزين المؤقت.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

دالة CSS‏ random()

يضيف الإصدار 156 من Chrome دعمًا لدالة CSS‏ random().

تُنشئ الدالة random() قيمة رقمية عشوائية ضمن نطاق حدّ أدنى وأقصى محدّد، مع فاصل زمني اختياري للخطوة. بشكل تلقائي، يتم حلّ كل استدعاء للدالة random() إلى قيمة عشوائية مميزة، أو يمكنك تمرير <random-key> كوسيطة أولى لمشاركة قيمة عشوائية عبر السمات أو العناصر:

يمكنك الاطّلاع على أمثلة في مقالة Embracing playful imperfection with the CSS random() function على موقع Smashing Magazine الإلكتروني.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

خاصية CSS‏ margin-trim

يضيف الإصدار 155 من Chrome دعمًا لسمة CSS‏ margin-trim على حاويات الكتل والحاويات المتعدّدة الأعمدة.

يمكنك استخدام margin-trim في حاوية لحذف هوامش عناصرها الفرعية عند التقائها بحواف الحاوية، ما يجنّبك المساحات الإضافية قبل العنصر الفرعي الأول أو بعد العنصر الفرعي الأخير بدون الحاجة إلى تجاوزات :first-child أو :last-child.

يمكنك الاطّلاع على مزيد من المعلومات في مقالة إزالة الهوامش في البداية والنهاية باستخدام السمة margin-trim.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

أنماط العدادات المضمّنة باستخدام دالة CSS‏ symbols()

في الإصدار Chrome 155، تمت إتاحة استخدام دالة CSS‏ symbols().

تتيح لك الدالة symbols() تحديد نمط عدّاد مجهول مباشرةً ضمن list-style-type، أو الاختصار list-style، أو counter()، أو counters() بدون الإعلان عن قاعدة @counter-style منفصلة باسم.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

خاصية CSS‏ text-decoration-skip-spaces

يضيف الإصدار 155 من Chrome السمة text-decoration-skip-spaces في CSS، والتي تتحكّم في ما إذا كانت خطوط زخرفة النص، مثل الخطوط السفلية والعلوية والخطوط التي تتوسط النص، تتخطّى المسافات البيضاء. يتيح لك ذلك منع رسم الزخارف تحت المسافات البادئة أو اللاحقة أو بين الكلمات.

Browser Support

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

الفئة الصورية :navigation-source في CSS

يقدّم الإصدار 156 من Chrome الفئة الصورية :navigation-source في CSS. وتطابق الرابط أو الزر أو عنصر النموذج الذي بدأ عملية التنقّل، وتُبقي هذا العنصر محدّدًا طوال عملية التنقّل.

Browser Support

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

عمليات استيراد وحدات نصية في JavaScript وإعادة محاولة تحميل الوحدات التي تعذّر تحميلها

يضيف الإصدار 155 من Chrome إمكانية استيراد الوحدات النصية باستخدام import ... with { type: "text" }، لينضم بذلك إلى Firefox. تؤدي سمة الاستيراد type: "text" إلى تحميل محتوى الوحدة المستهدَفة كسلسلة JavaScript.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

يعدّل Chrome 156 أيضًا سلوك تحميل الوحدات، وبالتالي لا يتم تخزين الوحدات التي تعذّر تحميلها مؤقتًا بشكل دائم. يمكن للتطبيقات الآن إعادة محاولة تحميل الوحدات التي تعذّر تحميلها، على سبيل المثال، من خلال استدعاء import() مرة أخرى بعد تعذُّر الاتصال بالشبكة مؤقتًا.

تحديثات WebTransport في Chrome وFirefox

WebTransport: يوسّع كل من Firefox 158 وChrome 156

يضيف الإصدار 158 من Firefox طريقة WebTransport.getStats() لاسترداد إحصاءات الاتصال ومخططات البيانات، والسمة الثابتة WebTransport.supportsReliableOnly التي تشير إلى ما إذا كان المتصفّح يتيح جلسات WebTransport عبر عمليات النقل الموثوقة حصريًا.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

يضيف الإصدار Chrome 156 إمكانية تمرير عناوين طلبات HTTP المخصّصة في WebTransportOptions أثناء عملية تأكيد الاتصال الأولية في CONNECT وقراءة عناوين استجابة الخادم من مثيل WebTransport.

خيار Notification navigate في Firefox

يضيف الإصدار 158 من Firefox إمكانية استخدام الخيار navigate في مُنشئ Notification() وServiceWorkerRegistration.showNotification()، بالإضافة إلى السمة Notification.navigate، لينضم بذلك إلى Safari. يحدّد هذا الخيار عنوان URL للمتصفّح للانتقال إليه عندما ينقر المستخدم على إشعار النظام.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

تحديثات HTML Sanitizer API في Firefox

يضيف الإصدار 158 من Firefox خيار الإعداد javascriptURLs وSanitizer.setJavascriptURLs() إلى HTML Sanitizer API، للتحكّم في ما إذا كانت السمات التي تحتوي على عناوين URL لـ javascript: ستتم إزالتها عند استخدام طرق إدراج HTML غير آمنة مثل Element.setHTMLUnsafe().

Browser Support

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

يحدّث Firefox 159 أيضًا طرق التعقيم الآمنة، مثل Element.setHTML()، لإزالة العناصر والسمات غير المرغوب فيها أثناء التحليل بدلاً من إزالتها بعد إنشاء شجرة نموذج العناصر في المستند، ما يضمن بقاء النص المجاور في عقدة نصية واحدة.

جارٍ إعادة تسمية "flow-tolerance" إلى "fit-tolerance" في Safari

في الإصدار 27.2 من Safari، تمت إعادة تسمية السمة flow-tolerance إلى fit-tolerance لتنسيق مسارات الشبكة (display: grid-lanes)، مع الاحتفاظ بالسمة flow-tolerance كاسم مستعار متوقّف نهائيًا.

Browser Support

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

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

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

يتضمّن الإصدار التجريبي من Chrome 157 اختصار CSS corner واختصارات فرعية للحواف لضبط border-radius وcorner-shape معًا، وtext-decoration-inset وtext-overflow: <string> وposition-visibility: anchor-valid وanchor-visible. وتتضمّن أيضًا إمكانية عرض HTML في لوحة الرسم، وسمة displaymode للرمز فقط لعناصر الإمكانات <camera> و<microphone> و<geolocation>.

يقدّم الإصدار التجريبي من Chrome 158 عنصر HTML <install> التعريفي وواجهة برمجة التطبيقات Web Install API (navigator.install()) لتثبيت تطبيقات الويب المتعدّدة المصادر. وتشمل الإضافات في CSS وSVG محدّد التمييز المخصّص العام ::highlight(*)، والفئات الزائفة لحالة عنصر الوسائط (:playing و:paused و:seeking و:buffering و:stalled و:muted و:volume-locked)، والكلمات الرئيسية للمحاذاة flow-start وflow-end، ونصف القطر closest-corner وfarthest-corner للأشكال الأساسية circle() وellipse().

يعدّل الإصدار التجريبي من Firefox 160 واجهة برمجة التطبيقات WebExtensions runtime.PlatformInfo لتعرض arch على شكل arm64 بدلاً من aarch64 على منصات ARM64، بما يتوافق مع Chrome.