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

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

Rachel Andrew

تاريخ النشر: 28 شباط (فبراير) 2025

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

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

التحقّق من إمكانات WebAuthn

يضيف كلّ من Firefox 135 وChrome 133 إمكانية استخدام الأسلوب الثابت PublicKeyCredential.getClientCapabilities(). يتيح لك ذلك التحقّق مما إذا كان المتصفّح متوافقًا مع ميزات Web Authentication API، بدون الحاجة إلى تحليل المتصفّح.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 135.
  • Safari: 17.4.

Source

يتضمّن Firefox 135 أيضًا ميزات من ملف تحليل JSON مع اقتراح المصدر، وهي reviver مَعلمة context الوسيطة JSON.parse و JSON.isRawJSON() و JSON.rawJSON().

Browser Support

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

Source

قيمة التلميح لسمة النافذة المنبثقة

يضيف الإصدار 133 من Chrome قيمة ثالثة للسمة popover، وهي popover="hint". تختلف سلوكيات التلميح عن سلوكيات التلميح التي غالبًا ما تكون مرتبطة بسلوكيات نوع "معلومات توضيحية". أصبح من الممكن الآن فتح نافذة منبثقة غير ذات صلة باقتراح مع بقاء حزمة حالية من النوافذ المنبثقة التلقائية مفتوحة.

في المثال الأساسي، يكون أداة اختيار <select> مفتوحة (popover="auto") ويتم عرض تلميح (popover="hint") يتم تشغيله من خلال التمرير بمؤشر الماوس. لا يؤدي هذا الإجراء إلى إغلاق أداة اختيار <select>.

Browser Support

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

يمكنك الاطّلاع على مزيد من المعلومات في مقالة نافذة منبثقة = تلميح.

دالة attr() المتقدّمة في CSS

تتوفّر مجموعة رائعة من إضافات CSS في الإصدار 133 من Chrome. يتضمّن إصدار Chrome هذا الإضافة إلى attr() المحدّدة في المستوى 5 من CSS، التي تسمح بأنواع أخرى غير <string> واستخدامها في جميع خصائص CSS (بالإضافة إلى التوافق الحالي مع محتوى العنصر الاصطناعي).

Browser Support

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

اطّلِع على مزيد من المعلومات في مقالة ترقية خدمة مقارنة الأسعار attr().

طلبات البحث عن حاويات حالة التمرير في CSS

في الإصدار 133 من Chrome أيضًا، استخدِم طلبات البحث عن الحاويات لتنسيق العناصر الفرعية للحاويات استنادًا إلى حالة الانتقال إلى أعلى أو أسفل الصفحة.

حاوية طلب البحث هي إما حاوية لفائف أو عنصر يتأثّر بموضع لفائف حاوية لفائف. يمكن الاستعلام عن الحالات التالية:

  • stuck: حاوية ذات موضع ثابت ملتصقة بإحدى حواف مربّع التمرير
  • snapped: يتم حاليًا تثبيت حاوية محاذية لميزة "التمرير السريع" أفقيًا أو عموديًا.
  • scrollable: ما إذا كان يمكن تمرير حاوية لفائف الشاشة في الاتجاه الذي تم الاستعلام عنه

هناك أيضًا قيمة جديدة لـ container-type: scroll-state تتيح طلب بيانات الحاويات.

Browser Support

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

يمكنك الاطّلاع على CSS scroll-state() لمعرفة المزيد من المعلومات.

text-box وtext-box-trim وtext-box-edge من CSS

تتوفّر أيضًا في CSS لإصدار Chrome 133 السمتَان text-box-trim وtext-box-edge، بالإضافة إلى السمة المختصرة text-box، وهما تتيحان التحكّم بشكل أدق في المحاذاة العمودية للنص.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: not supported.
  • Safari: 18.2.

اطّلِع على مزيد من المعلومات حول طريقة عمل هذه السمة المفيدة في CSS text-box-trim.

نقل يحافظ على حالة نموذج DOM

يضيف الإصدار 133 من Chrome عنصرًا أساسيًا في نموذج DOM‏ (Node.prototype.moveBefore) يتيح لك نقل العناصر في شجرة DOM بدون إعادة ضبط حالة العنصر.

عند نقل العنصر بدلاً من إزالته وإدراجه، يتم الاحتفاظ بالحالة التالية:

  • تظل <iframe> عنصرًا محمّلاً.
  • يظل العنصر النشط هو العنصر الذي يتم التركيز عليه.
  • تظل النوافذ المنبثقة ونوافذ الحوار المشروطة ونوافذ الحوار التي تظهر على سطح الشاشة مفتوحة.
  • تستمرّ الانتقالات والصور المتحركة في CSS.

Browser Support

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

واجهة FileSystemObserver

تُرسِل واجهة FileSystemObserver التي تمت إضافتها في الإصدار 133 من Chrome إشعارات إلى المواقع الإلكترونية بشأن التغييرات في نظام الملفات. ترصد المواقع الإلكترونية التغييرات في الملفات والأدلة التي منحها المستخدم الإذن بها سابقًا، سواء على الجهاز المحلي للمستخدم أو في نظام ملفات الحزمة (المعروف أيضًا باسم نظام ملفات Origin Private File System)، ويتم إعلامها بمعلومات التغيير الأساسية، مثل نوع التغيير.

Browser Support

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

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

تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفر في الإصدار الثابت التالي من المتصفّح. هذا هو الوقت المناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. تشمل الإصدارات التجريبية الجديدة Firefox 136، Safari 18.4، وChrome 134. توفّر هذه الإصدارات العديد من الميزات الرائعة للمنصة. يمكنك الاطّلاع على ملاحظات الإصدار لمعرفة كل التفاصيل. في ما يلي بعض الميزات البارزة.

يقدّم أحدث إصدار تجريبي من Safari قائمة كبيرة من الإضافات والتحسينات، بما في ذلك بعض الميزات التي نتوقّع أن تصبح متاحة في الإصدار الأساسي حديثًا بعد أن يصبح هذا المتصفّح ثابتًا. على سبيل المثال، writing-mode: sideways-rl وwriting-mode: sideways-lr، والطريقة الثابتة supports() لفئة ClipboardItem، وقائمة كاملة بعناصر من اقتراح "مساعِد أدوات التنقّل".

يتضمّن كلّ من الإصدار التجريبي من Safari 18.4 والإصدار 136 من Firefox واجهة برمجة التطبيقات Cookie Store API، التي من المفترض أن تكون متاحة في الإصدار الأساسي بعد طرح كلا المتصفّحَين.

يتضمّن الإصدار 136 من Firefox الفئتَين الزائفتَين :open و:has-slotted، وهما متوفّرتان أيضًا في الإصدار 134 من Chrome. ويشمل ذلك أيضًا Intl.DurationFormat الذي من المفترض أن يكون "المستوى الأساسي" متاحًا حديثًا.

يتضمّن الإصدار 134 من Chrome عناصر <select> قابلة للتخصيص، وسمة dynamic-range-limit في CSS، ووظائف إغلاق خفيف لعناصر <dialog>.