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

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

Rachel Andrew

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

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

ملاحظة: يتم تضمين بيانات توافق المتصفّح المستخلصة من MDN في هذه المشاركات وقد لا يتم تعديلها بعد في إصدارات المتصفّح الأخيرة. ستعرض المشاركة المعلومات الصحيحة فور ظهورها في إصدار browser-compat-data.

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

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

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

• 120
• 120
• 130
• 17.2

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

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

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

دعم المتصفح

• 129
• x
• x
• x

المصدر

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

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

• 129
• 129
• x
• x

المصدر

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

تنسيق المُدد في JavaScript

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

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

• 129
• 129
• x
• 16.4

المصدر

WebCodecs API

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

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

• 94
• 94
• 130
• 16.4

المصدر

طلبات بحث نمط CSS للخصائص المخصّصة

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

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

• 111
• 111
• x
• 18

المصدر

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

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

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

دعم المتصفح

• 111
• 111
• x
• 18

المصدر

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

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

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

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

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

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