تعرَّف على بعض الميزات المثيرة للاهتمام التي تم طرحها في الإصدارات الثابتة والتجريبية لمتصفّحات الويب خلال شهر حزيران (يونيو) 2024.
إصدارات المتصفّحات الثابتة
في حزيران (يونيو) 2024، أصبح Firefox 127 و Chrome 126 متوفّرَين بإصدار ثابت. تتناول هذه المشاركة الميزات الجديدة التي تمت إضافتها إلى منصة الويب.
طرق ضبط JavaScript
المجموعات هي بنية بيانات أساسية في أي لغة برمجة. يمكنك الآن استخدام الطرق المضمّنة في JavaScript لتنفيذ عمليات المجموعات. تتوفّر طرق الإعداد التالية الآن من Firefox 127، وأصبحت جزءًا من Baseline Newly Available:
intersection()
union()
difference()
symmetricDifference()
isSubsetOf()
isSupersetOf()
isDisjointFrom()
لمزيد من المعلومات، يُرجى الاطّلاع على المقالة طرق JavaScript Set هي الآن جزء من Baseline.
Async Clipboard API
أصبحت واجهة برمجة التطبيقات Clipboard API متاحة بالكامل في الإصدار 127 من Firefox. يتيح Firefox الآن
استخدام واجهة ClipboardItem
، بالإضافة إلى الطريقتَين read()
وwrite()
لواجهة الحافظة. اطّلِع على مزيد من المعلومات عن واجهة برمجة التطبيقات Clipboard API في مقالة إزالة حظر الوصول إلى الحافظة.
التداخل اللوني في تدرّجات صفحات الأنماط المتتالية (CSS)
تم تحديد التدرجات في CSS لقبول <color-interpolation-method>
، وهو
متاح الآن في Firefox، ما يتيح إمكانية التشغيل التفاعلي على جميع المحرّكات الرئيسية.
يمكنك الآن، على سبيل المثال، تحديد linear-gradient()
باستخدام نظام
الألوان hsl وعمليات الاستقراء الأطول.
.longer {
background: linear-gradient(90deg in hsl longer hue, red, blue);
}
توافق المتصفّح
عمليات النقل بين طرق العرض في المستندات
في السابق، كان عليك إعادة تصميم موقعك الإلكتروني ليصبح تطبيقًا متعدّد الصفحات لاستخدام واجهة برمجة التطبيقات View Transitions API. لقد اختلف الوضع اليوم. اعتبارًا من الإصدار 126 من Chrome، تم تفعيل عمليات انتقال العرض تلقائيًا لعمليات التنقّل في النطاق نفسه. يمكنك إنشاء انتقال عرض بين مستندَين مختلفَين من المصدر نفسه.
لتفعيل الانتقال بين طرق العرض في المستندات، يجب أن يوافق الطرفان على ذلك.
لإجراء ذلك، استخدِم قاعدة at-rule @view-transition
واضبط وصف التنقّل على auto
.
@view-transition {
navigation: auto;
}
توافق المتصفّح
اطّلِع على مزيد من المعلومات في مستندات عمليات الانتقال بين طرق العرض في المستندات.
إضافة Gamepad API trigger-rumble
يضيف الإصدار 126 من Chrome واجهة GamepadHapticActuator
لإتاحة استخدام ميزة
trigger-rumble
على الويب مع أجهزة التحكّم بالألعاب المتوافقة.
ستسمح هذه الإضافة لتطبيقات الويب التي تستفيد من واجهة برمجة التطبيقات
Gamepad API أيضًا بتشغيل ميزة الاهتزاز في أجهزة وحدات التحكّم بالألعاب التي تتضمّن هذه الوظيفة.
إصدارات المتصفّح التجريبية
تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفر في الإصدار التالي الثابت من المتصفّح. هذا هو الوقت المناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. الإصدارات التجريبية الجديدة هي Firefox 128، Chrome 127، Safari 18، وSafari 17.6. توفّر هذه الإصدارات العديد من الميزات الرائعة للمنصة. يمكنك الاطّلاع على ملاحظات الإصدار لمعرفة كل التفاصيل. في ما يلي بعض الميزات البارزة.
يتضمن الإصدار 17.6 من Safari إصلاحات على الميزات الحالية. يتضمّن Safari 18 عددًا من الميزات الجديدة المثيرة
، بما في ذلك طلبات البحث عن حاويات الأنماط وواجهة برمجة التطبيقات الخاصة بانتقال العرض للتطبيقات المكوّنة من صفحة واحدة،
وإتاحة الكلمة الرئيسية safe
في خصائص Flexbox.
يتضمّن الإصدار 127 من Chrome سمة font-size-adjust
في CSS،
وإمكانية تحديد نص بديل للمحتوى الذي تم إنشاؤه
كعدد عشوائي من العناصر، وإمكانية إضافة معلومات فردية عن الفصول في
MediaMetaData
.
يتضمّن Firefox 128 خصائص CSS وقيمها، ما يجعل هذه الميزة
متوفّرة في "القاعدة الأساسية". استخدِم @property
لتحديد type
وضبط قيمة بديله
للسمات المخصّصة في CSS.