جديد على منصة الويب في كانون الثاني (يناير)

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

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

في كانون الثاني (يناير) 2024، أصبح كل من Firefox 122 وChrome 121 وSafari 17.3 ثابتًا. تتناول هذه المشاركة الميزات الجديدة التي تمت إضافتها إلى النظام الأساسي للويب.

<hr> في <select>

يضيف متصفّح Firefox 122 عناصر <hr> كعنصر ثانوي مسموح به لعناصر <select>. يساعد هذا في سهولة قراءة قوائم محددة تحتوي على الكثير من الخيارات. تدعم جميع محرّكات البحث الرئيسية هذه الميزة حاليًا. مع ذلك، من المهم ملاحظة أنّه ما من متصفّح يعرض <hr> حاليًا إلى شجرة تسهيل الاستخدام.

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

  • 119
  • 119
  • 122
  • 17

HTMLSelectElement.showPicker

بالنسبة إلى عناصر <select> في Firefox أيضًا هي الطريقة showPicker() لـ HTMLSelectElement. إنها أداة الاختيار نفسها التي يتم عرضها عادةً عند تحديد العنصر، ولكن يمكن تشغيلها من خلال الضغط على زر أو تفاعل آخر للمستخدم.

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

  • 121
  • 121
  • 122

المصدر

واجهة برمجة تطبيقات سرعة عرض أكبر محتوى مرئي (LCP)

يتوافق الإصدار 122 من Firefox أيضًا مع LCP API. وتوفر واجهة برمجة تطبيقات الأداء هذه معلومات توقيت عرض أكبر صورة أو نص قبل تفاعل المستخدمين مع صفحة الويب. يمكنك الاطّلاع على المزيد من المعلومات حول سرعة LCP في مستندات LCP.

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

  • 77
  • 79
  • 122
  • x

المصدر

خصائص شريط التمرير في CSS

يضيف Chrome 121 الدعم لسمتَي شريط التمرير scrollbar-color وscrollbar-width. تعرَّف على المزيد من المعلومات حول هذا الموضوع في مقالة نمط شريط التمرير.

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

  • 121
  • 121
  • 64
  • x

المصدر

صورة font-palette المتحركة في خدمة مقارنة الأسعار (CSS)

تتيح لك السمة font-palette اختيار لوحة ألوان محددة لعرض خط الألوان. تدعم هذه الخاصية الآن الرسوم المتحركة، لذا يصبح التبديل بين لوحات الألوان انتقالاً سلسًا بين اللوحتين المحددتين.

طريقتان transfer() وtransferToFixedLength() لـ ArrayBuffer

يتضمّن Firefox طريقتَي JavaScript transfer() وtransferToFixedLength() لـ ArrayBuffer. تنشئ الطريقة transfer() عنصر ArrayBuffer جديدًا يحتوي على محتوى البايت نفسه مثل ArrayBuffer الحالي، ثم تفصل عنصر ArrayBuffer الأصلي. تعمل الطريقة transferToFixedLength() بنفس الطريقة، ولكنها تنشئ حجمًا ArrayBuffer ثابتًا.

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

  • 114
  • 114
  • 122
  • 17.4

المصدر

تعديلات على واجهة برمجة تطبيقات قواعد التوقُّع

تستخدم المواقع واجهة برمجة تطبيقات قواعد التوقُّع لإبلاغ Chrome آليًا بالصفحات التي سيتم عرضها مسبقًا، ما يؤدي إلى تحسين تجربة المستخدم عن طريق تقليل وقت التنقّل في الصفحات.

يتضمّن Chrome 121 دعمًا لقواعد المستندات: هي إضافة إلى بنية قواعد التوقُّع التي تسمح للمتصفِّح بالحصول على قائمة بعناوين URL للتحميل المبني على توقُّع من العناصر في الصفحة. قد تتضمّن قواعد المستندات معايير يمكن من خلالها استخدام أيٍّ من هذه الروابط. ويتيح لك هذا إلى جانب حقل "السرعة" الجديد إمكانية جلب الروابط مسبقًا أو عرضها مسبقًا على الصفحات على الفور، سواء عند التمرير أو أسفل الماوس.

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

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

يتضمّن إصدار Firefox 123 التجريبي Declarative Shadow DOM.

تتوفر أيضًا في فايرفوكس 123 دعمًا لـ 103 Early Hints استجابة المعلومات لرمز الحالة لموارد التحميل المُسبق التي قد تحتاج إليها الصفحة أثناء إعداد الخادم للاستجابة الكاملة.

هناك الكثير من الميزات المفيدة في الإصدار التجريبي 17.4 من Safari. في CSS، يمكن استخدام @scope وalign-content في حاويات الحظر وخلايا الجدول، بالإضافة إلى العناصر الزائفة ::grammar-error و::spelling-error وغير ذلك.

في النماذج، يتم دعم وضع الكتابة العمودية في عناصر التحكم في النماذج، وطريقة showPicker() لـ <input type="date">، و<hr> في <select> على iOS.

تتضمّن لغة JavaScript أيضًا بعض الميزات الجديدة التي تتوافق مع طرق detached() وtransfer() وtransferToFixedLength() ArrayBuffer إلى جانب طرق أخرى.

يتضمّن الإصدار التجريبي من Chrome 122 خيار unsanitized في الإجراء read() من واجهة برمجة تطبيقات الحافظة غير المتزامنة لاسترداد تنسيق HTML الذي لم يتم التحقق منه. بالنسبة إلى JavaScript، تتوفّر أدوات مساعِدة جديدة وطرق جديدة لفئة Set المضمّنة.

يتوفر في Chrome 122 أيضًا واجهة Storage Buckets API تهدف إلى جعل الإخلاء المستمر لمساحة التخزين أكثر قابلية للتنبؤ.