جديد على منصة الويب في سبتمبر | مدونة | web.dev

اكتشف بعض الميزات المثيرة للاهتمام التي وصلت إلى متصفحات الويب الثابتة والتجريبية خلال شهر سبتمبر 2024.

إصدارات متصفح مستقرة

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

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

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

تحريك إلى تلقائي (والمزيد)

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

سي اس اس interpolate-size تتيح الخاصية للصفحة الاشتراك في الرسوم المتحركة والانتقالات للكلمات الرئيسية ذات الحجم الجوهري في CSS مثل auto, min-content، و
fit-content، في الحالات التي يمكن فيها تحريك هذه الكلمات الرئيسية.

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

تعرف على المزيد في التحريك إلى الارتفاع: تلقائي؛ (وغيرها من الكلمات الرئيسية ذات الحجم الجوهري) في CSS.

تنسيق المدد في جافا سكريبت

يوجد أيضًا في Chrome 129 Intl.DurationFormat، مما يوفر طريقة لتنسيق المدد، على سبيل المثال “1 ساعة و40 دقيقة و30 ثانية”، والتي تدعم لغات متعددة.

واجهة برمجة تطبيقات WebCodecs

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

استعلامات نمط CSS للخصائص المخصصة

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

تعرف على المزيد حول استعلامات نمط CSS.

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

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

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

إصدارات متصفح بيتا

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

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

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

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