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

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

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

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

تم طرح Chrome 140 وChrome 141 وSafari 26 وFirefox 143 في الإصدار الثابت خلال شهر أيلول (سبتمبر)، وتتناول هذه المشاركة أبرز ما حدث خلال هذا الشهر المثير لمنصة الويب.

ميزات CSS الجديدة في Safari 26

يتضمّن آخر إصدار من Safari الكثير من الميزات، ويمكنك الاطّلاع على وصف شامل لها في ميزات WebKit في Safari 26.0. في ما يلي بعض أبرز ميزات CSS.

موضع التثبيت

في إطار مبادرة Interop 2025، أتاحت Safari ميزة تحديد موضع العنصر الثابت في CSS. يتيح لك ذلك ربط العناصر بعنصر أساسي، ويكون مفيدًا بشكل خاص عند دمجه مع عنصر popover.

Browser Support

  • Chrome: 125.
  • Edge: 125.
  • Firefox: not supported.
  • Safari: 26.

Source

text-wrap: pretty

تطلب القيمة pretty في text-wrap من المتصفّح تحسين الطباعة، مثلاً، من خلال تقليل تأثير الحواف غير المستوية والخطوط المائية الطباعية، ومنع ظهور أسطر أخيرة قصيرة.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: not supported.
  • Safari: 26.

Source

الصور المتحركة المستندة إلى التمرير

يتوافق Safari أيضًا مع الرسوم المتحركة المستندة إلى التمرير، ما يتيح لك ربط الرسوم المتحركة بمدى تمرير المستخدم.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: behind a flag.
  • Safari: 26.

Source

القيم والدوال الجديدة

متصفّح Safari هو أول متصفّح يتيح استخدام وظيفة contrast-color()، ما يمنحك طريقة لطلب اختيار اللون الذي يوفّر أكبر تباين مع لون آخر.

Browser Support

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

Source

تعرض الدالة الرياضية progress() رقمًا يشير إلى مستوى التقدّم بين قيمتين أخريين.

Browser Support

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

أصبحت السمتان align-self وjustify-self لتحديد الموضع المطلق متاحتَين الآن.

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 134.
  • Safari: not supported.

تتوفّر السمتان المنطقيتان overflow-block وoverflow-inline، ويمكن استخدامهما بدلاً من overflow-x وoverflow-y.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 69.
  • Safari: 26.

Source

يتيح Safari الآن أيضًا استخدام اللغة margin-trim.

Browser Support

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

Source

العنصر الصوري ::details-content

يضيف الإصدار 143 من Firefox إمكانية استخدام ::details-content، ما يتيح لك تنسيق محتوى العنصر <details>.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: 143.
  • Safari: 18.4.

Source

إتاحة تنسيق العلامات التي تم إنشاؤها باستخدام المحتوى من إنشاء الذكاء الاصطناعي

يضيف Firefox 143 أيضًا دعمًا لأدوات اختيار ::before::marker و::after::marker. تتيح لك هذه السمة تنسيق ::marker عند إنشائه باستخدام العنصر الزائف ::before أو ::after.

Browser Support

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

Digital Credentials API

يتضمّن الإصداران 26 من Safari و141 من Chrome إمكانية استخدام Digital Credentials API. يتيح ذلك للمواقع الإلكترونية أن تطلب بشكل انتقائي معلومات يمكن التحقّق منها عن المستخدم من خلال مستندات تعريف رقمية، مثل رخصة القيادة أو بطاقة الهوية الوطنية المخزّنة في محفظة رقمية.

Browser Support

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

أصبحت واجهة برمجة التطبيقات "نمط عنوان URL" متاحة حديثًا في Baseline

تتيح لك واجهة برمجة التطبيقات URL Pattern API استخدام معيار نمط عنوان URL لمطابقة عناوين URL باستخدام التعبيرات العادية. تم إطلاقها في Safari 26، وهي متاحة الآن في Baseline Newly.

Browser Support

  • Chrome: 95.
  • Edge: 95.
  • Firefox: 142.
  • Safari: 26.

Source

أصبحت الدالتان Uint8Array وbase64 وhex متاحتَين حديثًا في Baseline

‫Base64 هي طريقة شائعة لتمثيل البيانات الثنائية العشوائية بتنسيق ASCII. تتضمّن JavaScript Uint8Arrays للبيانات الثنائية. ومع ذلك، لا يتضمّن آلية مدمجة لترميز هذه البيانات بتنسيق base64، أو لأخذ بيانات base64 وإنتاج Uint8Array مطابق. تضيف هذه الميزة إمكانية وطُرق التحويل بين السلاسل السداسية العشرية وUint8Arrays. مع الإصدار 140 من Chrome، أصبحت Baseline متوفّرة حديثًا.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 133.
  • Safari: 18.2.

Source

السمة caret-animation

تم طرح السمة caret-animation في CSS في الإصدار 140 من Chrome، ويمكن أن تتضمّن إحدى القيمتين التاليتين: auto وmanual. يشير auto إلى الإعداد التلقائي للمتصفّح (وميض)، ويشير manual إلى أنّ المطوّر يتحكّم في حركة المؤشر. بالإضافة إلى ذلك، يمكن للمستخدمين الذين يشعرون بالانزعاج أو يعانون من ردود فعل سلبية تجاه المرئيات الوامضة إيقافها باستخدام ورقة أنماط خاصة بالمستخدم.

Browser Support

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

Source

The ARIA Notify API

بدءًا من الإصدار 141 من Chrome، توفّر ariaNotify واجهة برمجة تطبيقات JavaScript تتيح لصنّاع المحتوى إخبار قارئ الشاشة بالمحتوى الذي يجب قراءته. ويحسّن هذا الإجراء الموثوقية والتحكّم في المطوّر مقارنةً بمناطق البث المباشر في ARIA، ما يتيح الإعلان عن التغييرات غير المرتبطة بتعديلات نموذج المستند (DOM).

خيار IndexedDB getAllRecords() وdirection لكل من getAll() وgetAllKeys()

تضيف هذه الميزة في الإصدار 141 من Chrome الطريقة getAllRecords() إلى IDBObjectStore وIDBIndex في IndexedDB. تضيف هذه السمة أيضًا مَعلمة اتجاه إلى getAll() وgetAllKeys(). تتيح هذه الوظيفة تسريع بعض أنماط القراءة بشكل كبير مقارنةً بالبديل الحالي المتمثل في التكرار باستخدام المؤشرات.

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

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

الإصدار 26.1 من Safari هو في الغالب إصدار لإصلاح الأخطاء، ويتضمّن إصلاحات لموضع العنصر الثابت من بين تغييرات أخرى. ستتضمّن الإصدار 144 من Firefox ميزة "انتقالات العرض" للتطبيقات المكوّنة من صفحة واحدة. وهذا أحد المجالات التي يركّز عليها مشروع Interop 2025، ما يعني أنّ هذه الميزة ستصبح متاحة حديثًا في Baseline.

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