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

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

Rachel Andrew

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

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

هذا هو الشهر الأول الذي يتم فيه طرح إصدارات Chrome وFirefox كل أسبوعين. وهذا يعني أنّ Chrome 153 وChrome 154 وFirefox 155 وFirefox 156 وFirefox 157 وSafari 27 سيتم طرحها في الإصدار الثابت خلال سبتمبر 2026. تستعرض هذه المشاركة الميزات الجديدة التي ستتوفّر في جميع المتصفحات، بما في ذلك عدد كبير من الميزات التي ستتوفّر حديثًا في Baseline.

تصبح دالة progress() في CSS هي Baseline

يضيف الإصدار 155 من Firefox توافقًا مع دالة progress() الرياضية في CSS، ما يجعلها متاحة حديثًا في Baseline.

تعرض الدالة progress() قيمة <number> تمثّل موضع عملية حسابية بين قيمة بداية وقيمة نهاية. عادةً، يتم حصر النتيجة بين 0 و1، ما يجعلها مفيدة في تحديد الحجم أو مستوى التعتيم أو الألوان بشكل سلس استنادًا إلى أبعاد الحاوية أو إطار العرض. يضيف كل من Firefox 155 وSafari 27 أيضًا خيار الكلمة الرئيسية no-clamp، ما يسمح بتوسيع قيمة التقدم المعروضة لتصبح أقل من 0 أو أعلى من 1.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

ألوان ألفا النسبية مع alpha() تصبح خط الأساس

يضيف كل من Firefox 155 وSafari 27 إمكانية استخدام دالة الألوان النسبية alpha() من CSS Color 5.

تأخذ الدالة alpha() لونًا أصليًا وتعرض هذا اللون مع قناة ألفا (الشفافية) معدَّلة مع الحفاظ على قنوات الألوان ومساحة الألوان:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

بما أنّ الإصدارات Chrome 151 وFirefox 155 وSafari 27 تتوافق مع alpha()، أصبحت هذه الوظيفة متاحة الآن في Baseline Newly.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

تصبح الكلمة الرئيسية revert-rule في CSS هي Baseline

يضيف الإصدار 27 من Safari إمكانية استخدام الكلمة الرئيسية revert-rule على مستوى CSS.

في حين أنّ revert يعيد السلسلة إلى المصدر الخاص بالمستخدم أو وكيل المستخدم، وrevert-layer يعيدها إلى طبقة سلسلة سابقة، يعيد revert-rule قيمة السمة إلى ما كانت عليه لو لم تكن قاعدة الأنماط الحالية متوفّرة. تتوفّر revert-rule الآن في Baseline، وهي متوافقة مع Chrome وFirefox وSafari 27.

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

تصبح قيم <image> في light-dark() هي خط الأساس

يتيح الإصدار 27 من Safari استخدام قيم <image> داخل دالة light-dark() في CSS.

في السابق، كانت السمة light-dark() تقتصر على قيم <color>، ولكن يمكنها الآن التبديل بين صورتَين، مثل صور url() أو تدرّجات CSS، استنادًا إلى color-scheme النشط، سواء كان فاتحًا أو داكنًا. أصبحت قيم <image> في light-dark() متوافقة مع Chrome وFirefox وSafari 27، وهي متاحة الآن في Baseline.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

تصبح ميزة "تثبيت موضع التمرير" باستخدام overflow-anchor ميزة أساسية

يتيح الإصدار 27 من Safari تثبيت موضع التمرير ويضيف إمكانية استخدام السمة overflow-anchor في CSS.

تعدّل ميزة &quot;تثبيت موضع التمرير&quot; موضع التمرير تلقائيًا عندما تؤدي التغييرات في نموذج المستند (DOM) فوق إطار العرض المرئي إلى انتقال المحتوى بشكل مفاجئ أثناء قراءة المستخدم أو تفاعله مع الصفحة. يمكنك استخدام overflow-anchor: none لاستبعاد عناصر معيّنة من العمل كعُقد ربط. بعد انضمام الإصدار 27 من Safari إلى Chrome وFirefox، أصبحت ميزة "تثبيت موضع التمرير" متوفّرة الآن في Baseline Newly.

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

يصبح الموقع font-width والوصف @font-face هما المقياس الأساسي

حلّت CSS Fonts 4 محل font-stretch باستخدام font-width كاسم أساسي لاختيار أشكال الخطوط العادية أو المضغوطة أو الموسّعة، مع الإبقاء على font-stretch كاسم مستعار قديم.

يضيف الإصدار 155 من Firefox إمكانية استخدام خاصية font-width في CSS، والواصف font-width @font-face، وCSSStyleDeclaration.fontWidth. يضيف الإصدار Chrome 154 أيضًا واصف font-width في قواعد @font-face والسمة width على عناصر FontFace. بالإضافة إلى التوافق الحالي مع متصفّح Safari، أصبح font-width متوافقًا الآن مع Baseline Newly.

Browser Support

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

Source

تصبح قيمة sizes="auto" للصور التي يتم تحميلها بأسلوب "التحميل الكسول" هي Baseline

يضيف الإصدار 27 من Safari إمكانية استخدام الكلمة الرئيسية auto في السمة sizes على عناصر <img> التي تستخدم loading="lazy".

عند تحديد sizes="auto" (أو قائمة sizes تبدأ بـ auto)، يستخدم المتصفّح عرض التنسيق المعروض للصورة التي يتم تحميلها عند الحاجة لاختيار مصدر الصورة الأنسب من srcset. تتوفّر sizes="auto" الآن في Baseline، وهي متوافقة مع متصفّحات Chrome وFirefox وSafari 27.

Browser Support

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

Source

أصبحت التكرارات غير المتزامنة وعناصر ReadableStream القابلة للنقل من الميزات الأساسية

يتضمّن الإصدار 27 من Safari العديد من التعديلات على ReadableStream:

  • إتاحة التكرار غير المتزامن على عناصر ReadableStream باستخدام حلقات for await...of وReadableStream.prototype.values()
  • إتاحة نقل عناصر ReadableStream بين السياقات باستخدام postMessage()
  • إتاحة استخدام الطريقة الثابتة ReadableStream.from() لإنشاء ReadableStream من كائن قابل للتكرار أو كائن قابل للتكرار بشكل غير متزامن (متاحة أيضًا في Firefox).

في Safari 27، أصبحت الآن ميزة "أساسيات الويب الجديدة" تتضمّن عمليات بث قابلة للتكرار بشكل غير متزامن وكائنات ReadableStream قابلة للنقل.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

يصبح AnimationEvent.animation وTransitionEvent.animation هو Baseline

يضيف الإصدار 27 من Safari السمة animation إلى AnimationEvent والسمة animation إلى TransitionEvent.

تعرض هذه السمة عنصر Animation المرتبط بحدث CSS المتحرّك أو الانتقالي، ما يسهّل فحص الحركة أو التحكّم فيها مباشرةً من متتبِّع الأحداث. بما أنّ المتصفّحات Chrome وFirefox وSafari 27 تتوافق مع هذه السمة، أصبحت متاحة الآن في Baseline Newly.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

يصبح الخيار maxAge في cookieStore.set() هو "المقياس الأساسي"

يتيح الإصدار 27 من Safari استخدام الخيار maxAge عند ضبط ملف تعريف ارتباط باستخدام cookieStore.set()، ما يتيح لك تحديد مدة صلاحية ملف تعريف الارتباط كمدة زمنية بالثواني بدلاً من احتساب طابع زمني مطلق expires. تتوفّر الآن ميزة maxAge في Baseline، وهي متوافقة مع Chrome وFirefox وSafari 27.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

<select> قابلة للتخصيص في Safari 27

يضيف الإصدار 27 من Safari إمكانية تخصيص قوائم <select> باستخدام العنصرين appearance: base-select و <selectedcontent>، ليصبح بذلك متوافقًا مع Chrome.

يؤدي اختيار <select> وعنصر ::picker(select) الزائف إلى appearance: base-select إلى تحويل عنصر التحكّم إلى مظهر أساسي قابل للتصميم، ما يتيح عرض محتوى HTML غني داخل عناصر <option> وتصميم مخصّص للزّر وأداة اختيار القائمة المنسدلة.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

عنصرَا <camera> و<microphone> التعريفيان في Chrome

يقدّم الإصدار 153 من Chrome عنصري إمكانية HTML <camera> و<microphone>.

بالاستناد إلى العنصر <usermedia>، يوفّر العنصران <camera> و<microphone> عناصر تحكّم تعريفية مخصّصة يفعّلها المستخدم لطلب إذن بالوصول إلى إمكانية تسجيل الفيديو أو الصوت فقط بدون عرض طلبات الحصول على الإذن التي يبدأها البرنامج النصي عند تحميل الصفحة.

Browser Support

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

إضافات Iterator JavaScript وPromise

يضيف الإصدار 153 من Chrome Iterator.prototype.join() بالإضافة إلى التكرار المشترك باستخدام Iterator.zip() و Iterator.zipKeyed().

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

يتضمّن الإصدار 155 من Firefox Promise.allKeyed() وPromise.allSettledKeyed()، اللذان يقبلان عنصر قاموس من الوعود ويتم حلهما إلى عنصر يتضمّن المفاتيح نفسها.

Browser Support

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

Source

تحديثات WebTransport في الإصدار 155 من Firefox

يوسّع الإصدار 115 من Firefox نطاق WebTransport التنفيذ ليشمل ما يلي:

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

‫Service Worker Static Routing API في Safari 27

يتيح الإصدار 27 من Safari استخدام واجهة برمجة تطبيقات التوجيه الثابت لمشغّل الخدمات من خلال InstallEvent.addRoutes().

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

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

Source

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

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

يتضمّن الإصدار التجريبي من Chrome 155 CSS margin-trim وsymbols() وtext-decoration-skip-spaces، بالإضافة إلى إتاحة فك ترميز JPEG XL (image/jxl) واستيراد وحدات نصية (import ... with { type: "text" }) وإتاحة إصدار Digital Credentials API.

يتضمّن الإصدار التجريبي 156 من Chrome الدالة random() في CSS، وخصائص corner المختصرة في CSS، وحاويات التمرير على محور واحد، وscroll-snap-type: pair، والخاصية image-animation، والفئة الزائفة :animated-image، والفئات الزائفة لحالة عنصر الوسائط (:playing و:paused و:seeking و:buffering و:stalled و:muted و:volume-locked)، وتقييم الوحدات النمطية المؤجَّل (import defer)، والعنصر <install> في HTML، وWeb Install API.

تتيح الإصدار التجريبي 27.2 من Safari إمكانية محاذاة safe وunsafe عند تجاوز السعة عند إقرانهما بـ normal، وتتيح محاذاة safe في المربّعات ذات الموضع الثابت وعناصر ::picker(select)، كما تعيد تسمية flow-tolerance إلى fit-tolerance في display: grid-lanes.