اطّلِع على بعض الميزات المثيرة للاهتمام التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال حزيران (يونيو) 2024.
إصدارات المتصفّح الثابتة
في يونيو 2024، أصبح Firefox 127 وChrome 126 ثابتَين. تتناول هذه المشاركة الميزات الجديدة التي تمت إضافتها إلى النظام الأساسي للويب.
طرق ضبط JavaScript
المجموعات هي هيكل بيانات أساسي في أي لغة برمجة. يمكنك الآن استخدام الطرق المضمنة في JavaScript لتنفيذ عمليات محددة. أصبحت طرق الإعداد التالية متوفّرة الآن في الإصدار 127 من Firefox، وأصبحت جزءًا من مجموعة Baseline الجديدة المتوفرة:
intersection()
union()
difference()
symmetricDifference()
isSubsetOf()
isSupersetOf()
isDisjointFrom()
للمزيد من المعلومات، يمكنك الاطّلاع على أصبحت طرق مجموعة JavaScript جزءًا من "المقياس الأساسي".
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);
}
دعم المتصفح
- 111
- 111
- 127
- 16.2
عمليات الانتقال بين طرق العرض في جميع المستندات
في السابق، كان عليك إعادة تصميم موقعك الإلكتروني ليصبح SPA لاستخدام واجهة برمجة تطبيقات View Transitions API. لقد اختلف الوضع اليوم. بدءًا من الإصدار 126 من Chrome، أصبحت انتقالات العرض مُفعَّلة تلقائيًا في عمليات التنقّل من المصدر نفسه. يمكنك الانتقال بين طرق عرض مختلفة بين مستندَين مختلفَين من المصدر نفسه.
لتفعيل الانتقال بين طريقة العرض في جميع المستندات، يجب أن يوافق كلا الطرفين.
لإجراء ذلك، استخدم القاعدة @view-transition
واضبط واصف التنقّل على auto
.
@view-transition {
navigation: auto;
}
تعرَّف على مزيد من المعلومات في المستندات حول عمليات النقل إلى عرض مستند إلى مختلف المستندات.
إضافة Gamepad API trigger-rumble
يوسّع Chrome 126 واجهة GamepadHapticActuator
لعرض ميزة trigger-rumble
على الويب لأجهزة الألعاب المتوافقة.
ستسمح هذه الإضافة لتطبيقات الويب التي تستفيد من واجهة برمجة تطبيقات Gamepad API باهتزاز أجهزة لوحة الألعاب المزوّدة بهذه الوظيفة أيضًا.
إصدارات المتصفّح التجريبية
تمنحك إصدارات المتصفح التجريبية إمكانية معاينة الأشياء التي ستكون في الإصدار الثابت التالي من المتصفح. وهذا الوقت مناسب لاختبار الميزات أو عمليات الإزالة الجديدة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. والإصدارات التجريبية الجديدة هي Firefox 128 وChrome 127 وSafari 18 وSafari 17.6. توفّر هذه الإصدارات العديد من الميزات الرائعة على المنصة. فراجع ملاحظات الإصدار لمعرفة كل التفاصيل. إليك بعض الإشعارات المهمة.
الإصدار 17.6 من Safari هو إصدار من إصلاحات للميزات الحالية. يحتوي Safari 18 على عدد من الميزات الجديدة الرائعة،
بما في ذلك طلبات البحث في حاويات الأنماط، وواجهة برمجة تطبيقات العرض الانتقال لتطبيقات الصفحة الواحدة،
وإتاحة الكلمة الرئيسية safe
في خصائص flexbox.
يتضمّن Chrome 127 سمة font-size-adjust
في CSS، وإمكانية تحديد النص البديل في المحتوى الذي يتم إنشاؤه كعدد عشوائي من العناصر، والقدرة على إضافة معلومات عن فصول فردية في MediaMetaData
.
يتضمّن Firefox 128 خصائص CSS وقيمها، ما يجعل هذه الميزة متوفّرة حديثًا. استخدِم @property
لتحديد type
وضبط قيمة احتياطية لسمات CSS المخصّصة.