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

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

Rachel Andrew

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

في أيلول (سبتمبر) 2024، أصبحت Firefox 130 وSafari 18 وChrome 129 ثابتة. يتناول هذا الموضوع الميزات الجديدة التي تمت إضافتها إلى منصة الويب.

أقسام أكورديون حصرية باستخدام السمة name لعنصر <details>

يتيح الإصدار 130 من Firefox سمة name للعنصر <details>. تُجمِّع هذه الطريقة <details> عنصرًا، حيث يمكن فتح عنصر واحد فقط ضمن مجموعة في وقت معيّن. يتيح لك ذلك إنشاء نموذج أكورديون حصري بدون استخدام JavaScript.

توافق المتصفّح

  • Chrome: 120.
  • الحافة: 120
  • Firefox: 130
  • ‫Safari: 17.2

الانتقال من وضع الصور المتحرّكة إلى وضع "تلقائي" (وغير ذلك)

يضيف Chrome 129 سمة interpolate-size CSS ودالة calc-size().

تتيح خاصية CSS‏ interpolate-size للصفحة تفعيل الرسوم المتحركة و الانتقالات للكلمات الرئيسية لتحديد الحجم في CSS، مثل auto وmin-content و fit-content، في الحالات التي يمكن فيها إضافة رسوم متحركة إلى هذه الكلمات الرئيسية.

توافق المتصفّح

  • Chrome:‏ 129
  • Edge: غير متوافق
  • Firefox: غير مدعوم.
  • Safari: غير متوافق

المصدر

دالة CSS calc-size() هي دالة CSS مشابهة لدالة calc()، إلا أنّها تتيح أيضًا إجراء عمليات على كلمة رئيسية واحدة متوافقة للحجم. الكلمات الرئيسية المسموح بها لتحديد حجم الصور هي auto وmin-content وmax-content وfit-content.

توافق المتصفّح

  • Chrome:‏ 129
  • الحافة: 129.
  • Firefox: غير متوافق
  • Safari: غير متوافق

المصدر

اطّلِع على مزيد من المعلومات في مقالة Animate to height: auto; (وغيرها من الكلمات الرئيسية ذات الحجم التلقائي) في CSS.

تنسيق المدّة في JavaScript

يتضمّن الإصدار 129 من Chrome أيضًا Intl.DurationFormat، وهو يقدّم طريقة لتنسيق المدّة، على سبيل المثال "ساعة واحدة و40 دقيقة و30 ثانية"، مع توافق مع لغات متعددة.

توافق المتصفّح

  • Chrome:‏ 129
  • ‫Edge: 129
  • Firefox: غير متوافق
  • Safari: الإصدار 16.4.

المصدر

WebCodecs API

أصبحت واجهة برمجة التطبيقات Web Codecs API متوفّرة الآن على أجهزة الكمبيوتر المكتبي في الإصدار 130 من Firefox، ما يمنح مطوّري الويب إمكانية الوصول إلى مستوى منخفض من اللقطات الفردية لبث الفيديو ومقتطفات من الصوت. تشمل الواجهات الجديدة: VideoEncoder وVideoDecoder وEncodedVideoChunk وVideoFrame وVideoColorSpace. لا تتيح واجهة برمجة التطبيقات Baseline Newly حاليًا توفُّرها بسبب عدم توفّرها بعد على Firefox Android، ولكن يمكن استخدام Firefox Nightly لنظام Android.

توافق المتصفّح

  • Chrome: 94
  • ‫Edge: 94
  • Firefox: 130
  • ‫Safari: 16.4

المصدر

طلبات البحث عن أنماط CSS للمواقع المخصّصة

يقدّم Safari 18 العديد من الميزات الجديدة، بما في ذلك طلبات CSS Style. توفّر طلبات الأنماط طريقة لإنشاء أنماط قابلة لإعادة الاستخدام وتطبيقها كمجموعة. على سبيل المثال، عندما يكون لديك مكوِّن قابل لإعادة الاستخدام بأشكال متعددة.

توافق المتصفّح

  • Chrome: 111.
  • الحافة: 111.
  • Firefox: غير متوافق
  • Safari: 18

المصدر

مزيد من المعلومات حول طلبات البحث عن أنماط CSS

عمليات النقل نفسها لعرض المستند

يتيح Safari 18 أيضًا عمليات النقل المرئية نفسها لعرض المستندات في التطبيقات المُنشأة باستخدام إطار عمل SPA، ما يتيح لك إنشاء عمليات نقل مرئية بين حالات التطبيق المختلفة.

توافق المتصفّح

  • Chrome: 111
  • Edge: 111.
  • Firefox: غير متوافق
  • Safari: 18

المصدر

اطّلِع على مزيد من المعلومات عن عمليات الانتقال بين طرق عرض المستند نفسه.

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

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

يتضمّن الإصدار 131 من Firefox مساعِدين جُملة تكرار JavaScript وملفات تعريف الارتباط في الحالة المقسَّمة المنفصلة (CHIPS) مفعَّلة الآن.

يتضمّن الإصدار 130 من Chrome box-decoration-break: clone لكل من المقاطع المضمّنة (تنسيق السطر) والمقاطع المجزّأة (المقاطع التي تم إنشاؤها للطباعة والاستخدام في التنسيق المتعدّد الأعمدة). تتوفّر أيضًا ميزة أفضل للإبلاغ عن الأخطاء في IndexedDB، وهناك سمة connected جديدة لواجهة Web Serial SerialPort.

الإصدار 18.1 من Safari هو إصدار إصلاحات أخطاء في الميزات الحالية.