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

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

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

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

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

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 130.
  • Safari: 17.2.

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

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

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

Browser Support

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

Source

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

Browser Support

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

Source

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

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

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

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox Technology Preview: supported.
  • Safari: 16.4.

Source

WebCodecs API

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

Browser Support

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

Source

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

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

Browser Support

  • Chrome: 111.
  • Edge: 111.
  • Firefox: not supported.
  • Safari: 18.

Source

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

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

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

Browser Support

  • Chrome: 111.
  • Edge: 111.
  • Firefox: not supported.
  • Safari: 18.

Source

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

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

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

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

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

يتضمن Safari 18.1 إصلاحات للأعطال في الميزات الحالية.