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

استكشِف بعض الميزات الرائعة التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال تموز (يوليو) 2023.

Rachel Andrew

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

في تموز (يوليو) 2023، أصبح Firefox 115 وChrome 115 ثابتًا. تتناول هذه المشاركة تأثير ذلك على منصة الويب.

قيم متعدّدة لسمة display في خدمة مقارنة الأسعار (CSS)

يتضمّن الإصدار 115 من Chrome قيمًا متعددة للسمة display في CSS. هذا يعني أنّ display: flex تصبح display: block flex وdisplay: block display: block flow. يتم الاحتفاظ بالقيم الفردية ككلمات رئيسية قديمة، وتتوفر هذه القيم الآن في المحركات الرئيسية الثلاثة.

الصور المتحركة التي تعتمد على التمرير

وتتوفّر أيضًا الإضافتان ScrollTimeline وViewTimeline في مواصفات Web Animations، وذلك في Chrome 115. تتيح هذه الوظائف الصور المتحركة التي تظهر بالتمرير عبر CSS وJavaScript.

واجهات برمجة تطبيقات "مبادرة حماية الخصوصية"

تم توفير "مبادرة حماية الخصوصية" لواجهات برمجة التطبيقات الخاصة بالقياس ومدى الصلة بالموضوع في Chrome 115. ويشمل ذلك واجهات Topics API وProtected Audience Reporting وAttribution Reporting و Private "التجميع الخاص" و"مساحة التخزين المشتركة" و"واجهات برمجة التطبيقات للإطارات Fenced Frames".

لفهم المزيد من المعلومات عن واجهات برمجة التطبيقات هذه، يمكنك الاطّلاع على الإصدارات التجريبية من "مبادرة حماية الخصوصية".

السمة animation-composition

يتوافق إصدار 115 من Firefox مع سمة CSS animation-composition. جعل animation-composition متوافقًا في جميع المحركات الرئيسية الثلاثة تعرّف على المزيد من المعلومات في المقالة تحديد كيفية تركيب تأثيرات الحركة المتعددة باستخدام تركيب الحركة.

طُرق المصفوفات

إنّ الوصول إلى إمكانية التشغيل التفاعلي مع Firefox 115 أيضًا هو مجموعة من الطرق لكلٍّ من Array وTypedArray. تعرض Array.toReversed() وArray.toSorted() وArray.toSpliced() وArray.with() وTypedArrays.toReversed() وTypedArrays.toSorted() وTypedArrays.with() صفيفًا جديدًا مع عناصر تم نسخها بشكل سطحي.

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

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

يتوافق إصدار 116 من Firefox على واجهة برمجة تطبيقات أجهزة إخراج الصوت على جميع الأنظمة الأساسية باستثناء Android. تسمح واجهة برمجة التطبيقات هذه لتطبيقات الويب بإعادة توجيه إخراج الصوت إلى سماعة رأس بلوتوث أو مكبّر صوت هاتف أو جهاز آخر مسموح به، بدلاً من استخدام المتصفح أو الإعداد التلقائي لنظام التشغيل الأساسي.

يتضمّن Chrome 116 مسار حركة CSS مما يسمح بتحريك أي كائن رسومي على مسار يحدده المطوّر. ويتيح ذلك عددًا من إمكانيات التحويل الجديدة والفعّالة، مثل تحديد المواقع باستخدام الإحداثيات القطبية (باستخدام الدالة ray()) بدلاً من الإحداثيات المستطيلة العادية التي تستخدمها الدالة translate()، أو تحريك عنصر على طول مسار محدّد. وهذا يجعل من السهل تحديد الانتقالات المكانية الثنائية الأبعاد المعقدة والجميلة. ويمكن تحديد مسار بالتنسيق circle() وellipse() وrect() وinset() وxywh() وpolygon() وray() وurl().

يتوفر أيضًا في Chrome 116 Document Picture-in-Picture API. يؤدي هذا إلى تفعيل نافذة تظهر دائمًا في الأعلى ويمكن ملؤها بـ HTMLElements عشوائي. هذا توسيع على واجهة برمجة تطبيقات HTMLVideoElement الحالية التي تسمح فقط بوضع HTMLVideoElement في نافذة نافذة ضمن النافذة (PiP).

جزء من سلسلة "الجديد على الويب"