جديد على منصة الويب في ديسمبر

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

Rachel Andrew

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

في كانون الأول (ديسمبر) 2023، أصبح Firefox 121 وChrome 120 وSafari 17.2 ثابتًا. تتناول هذه المشاركة تأثير ذلك في منصة الويب.

تحليل مريح لـ CSS Nesting

يتضمّن Chrome 120 وSafari 17.2 تحليل مريح لميزة "دمج CSS". وبما أن ذلك كان مدعومًا في Firefox من الإصدار 117، فهذا يعني أن كافة المحركات الرئيسية تدعم هذا التغيير في بناء الجملة.

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

ويتيح الإصداران 120 وSafari 17.2 استخدام السمة name للعنصر <details>. هذا يعني أنّه يمكنك إنشاء مكونات أكورديون حصرية من خلال تجميع عدد من عناصر <details>.

تعرَّف على مزيد من المعلومات في قائمة أكورديون حصرية.

أداة الاختيار :has()

يتضمّن الإصدار 121 من Firefox أداة اختيار لغة CSS :has(). يجعل هذا الإصدار :has() قابلاً للتشغيل التفاعلي على جميع المحرّكات الرئيسية.

يمكنك الاطّلاع على المزيد من المعلومات في :has(): أداة اختيار العائلة.

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

يتضمن Safari 17.2 واجهة برمجة تطبيقات التمييز المخصص في CSS التي تتيح لك إنشاء نطاقات نصية وتصميمها، وتمديد الفئات الزائفة للتمييز، مثل ::selection.

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

يتضمّن Chrome 120 واجهة برمجة التطبيقات CloseWatcher API، وهي واجهة برمجة تطبيقات جديدة تتيح الاستماع إلى طلبات الإغلاق والردّ عليها. يتم تنفيذ هذه الطلبات باستخدام مفتاح ESC على الكمبيوتر المكتبي وإيماءة أو زر الرجوع على Android، وقد يكون من الصعب تنفيذها بشكل جيد.

بالإضافة إلى واجهة برمجة التطبيقات، يعمل Chrome 120 على ترقية <dialog> والسمة popover للاستجابة لزر الرجوع في Android.

خدمة مقارنة الأسعار text-wrap: balance وstable

يتضمّن Firefox 121 القيمتَين balance وstable لـ text-wrap. يمكن الاستفادة من القيمة balance في أجزاء المحتوى القصيرة، مثل العناوين، ما يؤدي إلى إنشاء نص أكثر تشويقًا وسهلاً في القراءة. وتؤدي القيمة stable إلى منع نقل المحتوى القابل للتعديل أثناء تعديله.

اطّلِع على مزيد من المعلومات حول text-wrap: balance.

التحميل الكسول لعناصر <iframe>

يتيح Firefox 121 استخدام السمة loading على عناصر <iframe>. وهذا يعني أنّ التحميل الكسول لإطارات iframe متاح الآن في جميع المحرّكات الرئيسية.

إتاحة وظيفة التخفيف linear()

ويشمل الإصدار 17.2 من Safari أيضًا دعمًا لوظيفة التخفيف linear() التي يمكن استخدامها لإنشاء تأثيرات الارتداد والارتداد.

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

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

يتضمّن Firefox 122 وChrome 121 الطريقة showPicker() لـ HTMLSelectElement. يؤدي ذلك إلى عرض أداة الاختيار نفسها التي سيتم عرضها عند تحديد العنصر، ولكن يمكن تشغيلها من خلال الضغط على زر أو تفاعل آخر للمستخدم.

يتضمن Chrome 121 خصائص نمط شريط التمرير scrollbar-color وscrollbar-width، بالإضافة إلى ميزة إخفاء CSS المحسّنة لملفات SVG، وتمييز العناصر الزائفة للنص الذي يحتوي على أخطاء إملائية أو غير صحيحة نحويًا.