إظهار الحالة الأساسية في مشاركات المدونة والعروض التقديمية

تاريخ النشر: 23 تشرين الأول (أكتوبر) 2024

سنوضّح في هذه المشاركة كيفية استخدام مكوّن الويب الجديد <baseline-status> على موقعك الإلكتروني، والشعارات الأساسية في العروض التقديمية، كلما كتبت أو تتحدث عن ميزات منصة الويب.

لقد مرّ معظم المطوّرين بتجربة البحث عن حلّ لمشكلة في تطوير الويب، والعثور على مقالة تصف الحلّ المثالي، ثمّ اكتشاف في النهاية أنّه متاح في متصفّح واحد فقط. أو أن تكون متحمسًا لتلك الميزة التي يصفها مقدم عرض المؤتمر، ثم تكتشف أنها تجريبية. وكان هذا شيئًا أردنا تحسينه هنا على مواقع مطوري Chrome، وعلى مدار العامين الماضيين أضفنا بيانات متوافقة من MDN إلى مشاركاتنا.

ومع ذلك، فإن المتوقع يجعل الأمور أكثر وضوحًا. بدلاً من التحقّق من إصدارات المتصفّح الفردية، يمكنك التحقّق مما إذا كانت الميزة متاحة على نطاق واسع في الإصدار الأساسي وبالتالي تكون جاهزة للاستخدام بدون قلق. أو قد تتعرّف على أنّه متاح حديثًا في Baseline وبالتالي يمكن التوافق معه، ولكن كميزة جديدة قد تحتاج إلى التفكير في استراتيجيات احتياطية لها. في web.dev، بدأنا بإضافة عنصر حالة الأساس الجديد إلى بعض صفحاتنا، ويمكنك الاطّلاع عليه في مشاركة المدونة حول font-size-adjust في CSS.

المكوّن الذي يُظهر أنّ font-size-adjust هو Baseline متاح حديثًا
المكوِّن في منشور ضبط حجم الخط.

إضافة المكوِّن إلى موقعك

لا يقتصر استخدام مكوّن الويب على Google فقط. يسرّنا مشاركة المكوّن <baseline-status> معك. يمكنك استخدام هذه الميزة لعرض حالة "الأداء الأساسي" للمحتوى الذي تنشئه. يمكن تثبيت المكوِّن من npm، أو تجميعه مسبقًا من شبكة توصيل محتوى (CDN)، اقرأ تعليمات التثبيت. بعد التثبيت، أظهِر حالة الميزة كما هو موضّح في رمز HTML التالي لعنصر font-size-adjust.

<baseline-status featureId="font-size-adjust"></baseline-status>

سيتم بعد ذلك تعديل المكوّن تلقائيًا عند نقل الميزة من "متوفّرة في عدد محدود من البلدان" إلى "متوفّرة حديثًا" إلى "متوفّرة في جميع البلدان".

العثور على featureId

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

إضافة شعارات الأشخاص الذين لم يروا الإعلانات

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

شعاران أخضران يتضمّنان كلمة Baseline، معروضان على خلفية بيضاء وسوداء
العلامة النصية Baseline في الوضعَين الفاتح والداكن

تم ترخيص شعارات Baseline لاستخدامها في جميع مواد العرض، يمكنك تنزيلها بتنسيقَي PNG وSVG.

يُرجى إخبارنا بالأماكن التي تستخدم فيها Baseline.

يسرّنا معرفة الأماكن التي يتم فيها استخدام Baseline. أنشئ طلب ميزة وأضِف رابطًا إلى المكان الذي استخدمت فيه الميزة لقياس الأداء الأساسي في الوقت الفعلي.

هل لديك أفكار أخرى للتكامل؟

هل لديك فكرة لدمج Baseline بطريقة أخرى؟ قد تكون لديك أداة للمطوّرين يمكنها تضمين هذه المعلومات، أو منتجًا يستفيد من إمكانية مشاركة إصدار Baseline الذي تستخدمه لوحة المشرف. أبلِغ عن مشكلة في أفكارك، وستسرّنا مساعدتك.