جديد على منصة الويب في حزيران (يونيو)

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

تاريخ النشر: 30 حزيران (يونيو) 2025

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

في يونيو (حزيران) 2025، أصبح الإصدار 140 من Firefox و الإصدار 138 من Chrome متوفّرَين بشكلٍ ثابت. تتناول هذه المشاركة الميزات الجديدة التي تمت إضافتها إلى منصة الويب مع هذه الإصدارات.

ترميز < و> في السمات عند تسلسل HTML

يتضمّن كلّ من الإصدار 138 من Chrome والإصدار 140 من Firefox هذا التغيير لمنع عمليات الاستيلاء التي يتم فيها تسلسل محتوى HTML ثمّ حقنه مرة أخرى في نموذج DOM. تم تضمين هذا التغيير أيضًا في الإصدار التجريبي من Safari 26. مزيد من المعلومات عن سبب إجراء هذا التغيير

واجهة برمجة التطبيقات CSS Custom Highlight API

ينفِّذ Firefox 140 واجهة برمجة التطبيقات CSS Custom Highlight API. يتيح لك ذلك تحديد نطاقات نصية عشوائية وتطبيق أنماط عليها في مستند، على غرار العناصر الزائفة الأخرى لتمييز النص في CSS، مثل ::grammar-error.

Browser Support

  • Chrome: 105.
  • Edge: 105.
  • Firefox: 140.
  • Safari: 17.2.

Source

بالإضافة إلى JavaScript API، يتضمّن العمل العنصر النائب ::highlight في CSS، والذي يُستخدَم لتطبيق الأنماط على العنصر المميّز المسجَّل. على الرغم من أنّ هذه الميزة متاحة الآن للاستخدام المشترَك على نطاق واسع، فإنّه لا يمكن اعتبارها أساسية بعد، وذلك بسبب بعض المشاكل المتعلّقة بالعنصر النائب ::highlight.

‫Cookie Store API هي واجهة برمجة تطبيقات غير متزامنة لإدارة ملفات تعريف الارتباط، وهي متوفرة في Firefox 140 والإصدارات الأحدث. تتوفّر الآن واجهة برمجة تطبيقات أساسية لهذه الواجهة في جميع المتصفّحات، ومع ذلك، يمكنك الاطّلاع على مخطّط التوافق على MDN للحصول على معلومات عن الأجزاء التي لم تصبح قابلة للتشغيل التفاعلي بعد.

Browser Support

  • Chrome: 87.
  • Edge: 87.
  • Firefox: 140.
  • Safari: 18.4.

Source

إزالة أحداث التغيُّر

يتضمّن Interop 2025 عملية إزالة هذا العام. ترصد أحداث الإنشاء أو الحذف القديمة، مثل DOMSubtreeModified وDOMNodeInserted و DOMNodeRemoved، التغييرات في نموذج DOM وتعمل على تنفيذ ردّ اتصال أداة معالجة الحدث عند حدوث تغييرات في نموذج DOM. وتم إيقاف أحداث التحويل هذه نهائيًا لصالح واجهة برمجة التطبيقات MutationObserver API التي تحقّق أداءً أفضل وتكون أقل عرضةً للخطأ.

يزيل Firefox 140 هذه الأحداث التي سبق أن تمت إزالتها من Chrome.

Browser Support

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

Source

وظائف CSS في الإصدار 138 من Chrome

يتضمّن الإصدار 138 من Chrome مجموعة كاملة من دوال CSS، ويُعدّ بعضها جديدًا على المنصة، بينما تصبح دوال أخرى أساسية عند تضمينها في Chrome.

أصبحت الدالتان المرتبطتان بالتوقيع abs() و sign() متوفّرتين حديثًا في Baseline مع الإصدار 138 من Chrome.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 118.
  • Safari: 15.4.

Source

وظيفة الاستقراء progress() هي ميزة جديدة في المنصة.

يتضمّن الإصدار 138 من Chrome أيضًا sibling-index() وsibling-count(). ويمكن استخدامها كأرقام صحيحة في قيم سمات CSS لتنسيق العناصر استنادًا إلى موضعها بين العناصر الشقيقة، أو إجمالي عدد العناصر الشقيقة على التوالي.

واجهات برمجة تطبيقات الذكاء الاصطناعي المدمجة للترجمة واكتشاف اللغة والتلخيص

يتضمّن الإصدار 138 من Chrome ثلاث واجهات برمجة تطبيقات مدمجة لتكنولوجيات الذكاء الاصطناعي المستندة إلى JavaScript. تتيح لك واجهتا برمجة التطبيقات Translator API وLanguage Detector API التعرّف على لغة النص، وترجمته إلى لغات مختلفة. وتستخدم هذه الميزة نموذج الذكاء الاصطناعي الداخلي للمتصفح، وبالتالي يتم تنفيذها على الجهاز.

Browser Support

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

تلخِّص Summarizer API النص، مرة أخرى على الجهاز باستخدام نموذج الذكاء الاصطناعي الداخلي للمتصفّح.

Browser Support

  • Chrome: 138.
  • Edge: behind a flag.
  • Firefox: not supported.
  • Safari: not supported.

إتاحة اتجاه إطار الفيديو في WebCodecs

يضيف الإصدار 138 من Chrome أيضًا قيمتَي rotation: int وflip: bool إلى الواجهات المختلفة المرتبطة بالفيديوهات في WebCodecs حتى يتمكّن المطوّرون من العمل مع مصادر اللقطات التي لها اتجاه.

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

تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفر في الإصدار التالي الثابت من المتصفّح. هذا هو الوقت المناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. الإصدارات التجريبية الجديدة هي Firefox 141، Safari 26، وChrome 139.

يُعدّ الإصدار 26 من Safari إصدارًا مليئًا بالميزات. بالنسبة إلى CSS، يتضمّن ذلك إتاحة overflow-block وoverflow-inline، والصور المتحركة المستندة إلى الانتقال للأعلى أو للأسفل، وتحديد موضع العنصر الثابت، ووظيفة progress() في CSS، وغير ذلك الكثير. تتوفّر أيضًا واجهات برمجة التطبيقات AudioEncoder وAudioDecoder، وواجهة برمجة التطبيقات URLPattern API وDigital Credentials API وTrusted Types وWebAuthn Signal API.

يتضمّن الإصدار 139 من Chrome الدوالّ المخصّصة لتنسيق CSS وتشكيل الزوايا وخاصية caret-animation. وتشمل أيضًا واجهة برمجة التطبيقات Web Speech API على الجهاز والإضافات التي تخصّ نطاق تطبيقات الويب، وأمر request-close invoker.

يضيف Firefox 141 الوسيطة options.source إلى showPopover() و togglePopover() لإنشاء علاقة بين النافذة المنبثقة والمُنشئ. ويتيح أيضًا استخدام سمة CSS font-variant-emoji.