الميزات الجديدة في Chrome 114

وفي ما يلي ما تحتاج إلى معرفته:

  • يتوفر رمز CSS text-wrap: balance لتحسين تنسيقات النص.
  • تظهر هنا ملفات تعريف الارتباط التي تم تقسيمها حسب الموقع الإلكتروني ذي المستوى الأعلى (CHIPS).
  • أصبحت النوافذ المنبثقة أسهل من أي وقت مضى باستخدام Popover API.
  • بالإضافة إلى المزيد.

أنا "أدريانا جارا" لنطّلِع على التفاصيل ونتعرّف على الميزات الجديدة للمطوّرين في الإصدار 114 من Chrome.

text-wrap:balance.

استخدام text-wrap: balance لتحسين تنسيقات النص توضح الصورة المتحركة أدناه الفرق الذي يمكنك تحقيقه باستخدام هذا السطر الواحد.

تجربة عرض توضيحي

بصفتك مطورًا، لا تعرف الحجم النهائي أو حجم الخط أو حتى لغة النص. هناك حاجة إلى جميع المتغيرات لمعالجة التفاف النص. نظرًا لأن المتصفح يعرف جميع العوامل، باستخدام text-wrap:balance، يمكنك أن تطلب من المتصفح اكتشاف أفضل حل لالتفاف الخطوط المتوازنة.

يظهر المثالان السابقان معًا، ويتم وضع علامة على أحدهما على أنه غير متوازن والآخر متوازن.

تكون العبارة النصية المتوازنة أكثر إرضاءً للقارئ. إنه يجذب الانتباه بشكل أفضل وأسهل في القراءة بشكل عام.

إنّ موازنة العناوين ستكون حالة الاستخدام الأساسية للسمة text-wrap: balance، ويجب أن تكون كذلك. هناك تكلفة أداء لتحقيق توازن بين النص، لذا للتخفيف من التكلفة، لا تعمل إلا لما يصل إلى أربعة أسطر.

اطّلِع على هذه المقالة التي تحتوي على نماذج والمزيد من التفاصيل لتحسين تنسيقات النصوص.

CHIPS: ملفات تعريف الارتباط في الحالة المقسَّمة المنفصلة.

إنّ CHIPS (ملفات تعريف الارتباط التي لها حالة مقسّمة منفصلة)، تتيح تفعيل ملفات تعريف الارتباط التابعة لجهات خارجية التي يتم تقسيمها حسب الموقع الإلكتروني ذي المستوى الأعلى باستخدام السمة الجديدة لملفات تعريف الارتباط Partitioned.

قبل CHIPS، عندما يزور المستخدم الموقع "أ"، كان بإمكان الموقع المضمّن "ج" ضبط ملف تعريف ارتباط على جهاز المستخدم. وإذا زار المستخدم بعد ذلك الموقع "ب" الذي يتضمّن الموقع "ج" أيضًا، سيتمكّن الموقع الإلكتروني "ج" من الوصول إلى ملف تعريف الارتباط نفسه الذي تم ضبطه على الموقع الإلكتروني "أ". ويسمح هذا الإجراء للموقع الإلكتروني "ج" بتجميع نشاط التصفّح الخاص بالمستخدم في الموقعَين "أ" و"ب" وكل موقع إلكتروني تم تضمينه فيه.

رسم بياني يعرض المواقع الإلكترونية ومساحة التخزين باستخدام ملفات تعريف ارتباط غير مقسَّمة

على الرغم من أنّ تتبّع عدّة مواقع إلكترونية يشكّل مشكلة، إلا أنّ هناك متطلبات صالحة تتعلق بملفات تعريف الارتباط على مواقع إلكترونية متعددة بطريقة تحافظ على الخصوصية من خلال تقسيم ملفات تعريف الارتباط.

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

مخطّط بياني يعرض المواقع الإلكترونية ومساحة التخزين المقسَّمة باستخدام ملفات تعريف الارتباط

عندما يزور المستخدم موقعًا جديدًا، مثل الموقع "ب"، لن يتلقى الموقع "ج" ملف تعريف الارتباط الذي تم تعيينه عند تضمين "ج" في الموقع "أ".

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

واجهة برمجة التطبيقات المنبثقة.

باستخدام Popover API، يصبح من السهل إنشاء عناصر مؤقتة لواجهة المستخدم (UI) يتم عرضها أعلى كل واجهات مستخدم تطبيقات الويب الأخرى.

ويشمل ذلك العناصر التفاعلية للمستخدمين، مثل قوائم الإجراءات واقتراحات عناصر النموذج ومنتقي المحتوى وواجهة المستخدم التعليمية.

تتيح السمة المنبثقة الجديدة عرض أي عنصر في الطبقة العليا تلقائيًا. وهذا يعني عدم القلق بعد الآن بشأن وضع المطوِّر أو تجميع العناصر فيه أو التركيز أو تفاعلات لوحة المفاتيح.

يشبه هذا العنصر <dialog>، ولكن له العديد من الاختلافات المهمة، بما في ذلك سلوك الإغلاق الضوئي وإدارة تفاعل النوافذ المنبثقة ودعم الأحداث وعدم توفّر وضع "الإعلانات المشروطة".

يمكنك مراجعة هذه المقالة للاطّلاع على مزيد من المعلومات.

ومقاييس أخرى

بالطبع هناك المزيد.

  • تتيح لك أدوات مطوّري البرامج إمكانية إيقاف رموز C وC++ مؤقتًا وتصحيحها في تطبيقات WebAssembly من خلال دعم DWARF.
  • يسمح الخيار exclusionFilters في navigator.bluetooth.requestDevice() لمطوّري الويب باستبعاد بعض الأجهزة من أداة اختيار المتصفّح.
  • تتوفّر تجربة المصدر لميزة تمويه الخلفية.

محتوى إضافي للقراءة

يتناول هذا الدليل بعض الميزات الرئيسية فقط. راجِع الروابط أدناه للاطّلاع على التغييرات الإضافية في الإصدار 114 من Chrome.

اشتراك

للاطّلاع على آخر الأخبار، اشترِك في قناة Chrome Developers على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عندما ننشر فيديو جديدًا.

مرحبًا أدريانا جارا، وبمجرد طرح Chrome 115، سأكون هنا لإخبارك بالجديد في Chrome!