تاريخ النشر: 23 تشرين الأول (أكتوبر) 2024
سنوضّح في هذه المشاركة كيفية استخدام مكوّن الويب الجديد <baseline-status>
على موقعك الإلكتروني، والشعارات الأساسية في العروض التقديمية، كلما كتبت أو تتحدث عن ميزات منصة الويب.
لقد مرّ معظم المطوّرين بتجربة البحث عن حلّ لمشكلة في تطوير الويب، والعثور على مقالة تصف الحلّ المثالي، ثمّ اكتشاف في النهاية أنّه متاح في متصفّح واحد فقط. أو أن تكون متحمسًا لتلك الميزة التي يصفها مقدم عرض المؤتمر، ثم تكتشف أنها تجريبية. وكان هذا شيئًا أردنا تحسينه هنا على مواقع مطوري Chrome، وعلى مدار العامين الماضيين أضفنا بيانات متوافقة من MDN إلى مشاركاتنا.
ومع ذلك، فإن المتوقع يجعل الأمور أكثر وضوحًا. بدلاً من التحقّق من إصدارات المتصفّح الفردية، يمكنك التحقّق مما إذا كانت الميزة متاحة على نطاق واسع في الإصدار الأساسي وبالتالي تكون جاهزة للاستخدام بدون قلق. أو قد تتعرّف على أنّه متاح حديثًا في Baseline وبالتالي يمكن التوافق معه، ولكن كميزة جديدة قد تحتاج إلى التفكير في استراتيجيات احتياطية لها. في web.dev، بدأنا بإضافة عنصر حالة الأساس الجديد إلى بعض صفحاتنا، ويمكنك الاطّلاع عليه في مشاركة المدونة حول font-size-adjust في CSS.
إضافة المكوِّن إلى موقعك
لا يقتصر استخدام مكوّن الويب على Google فقط. يسرّنا مشاركة المكوّن
<baseline-status>
معك. يمكنك استخدام هذه الميزة لعرض
حالة "الأداء الأساسي" للمحتوى الذي تنشئه. يمكن تثبيت المكوِّن من npm، أو تجميعه مسبقًا من شبكة توصيل محتوى (CDN)، اقرأ تعليمات التثبيت.
بعد التثبيت، أظهِر حالة الميزة كما هو موضّح في رمز HTML التالي لعنصر
font-size-adjust
.
<baseline-status featureId="font-size-adjust"></baseline-status>
سيتم بعد ذلك تعديل المكوّن تلقائيًا عند نقل الميزة من "متوفّرة في عدد محدود من البلدان" إلى "متوفّرة حديثًا" إلى "متوفّرة في جميع البلدان".
العثور على featureId
العنصر featureId
الذي تم تمريره إلى المكوّن هو اسم العنصر في
مستودع ميزات الويب.
يحصل المكوّن على حالة الميزة من البيانات التي يتم جمعها من خلال
مشروع ميزات الويب.
إضافة شعارات الأشخاص الذين لم يروا الإعلانات
إذا كنت تنشر محتوى مطبوعًا أو بتنسيق PDF أو تعرضه في مؤتمر، من المرجّح أن تكون الشعارات مفيدة لعرض الحالة في تلك المرحلة الزمنية. يمكن أن تساعدك لوحة بيانات حالة منصة الويب في معرفة حالة "القيمة الأساسية" لأي ميزة.
تم ترخيص شعارات Baseline لاستخدامها في جميع مواد العرض، يمكنك تنزيلها بتنسيقَي PNG وSVG.
يُرجى إخبارنا بالأماكن التي تستخدم فيها Baseline.
يسرّنا معرفة الأماكن التي يتم فيها استخدام Baseline. أنشئ طلب ميزة وأضِف رابطًا إلى المكان الذي استخدمت فيه الميزة لقياس الأداء الأساسي في الوقت الفعلي.
هل لديك أفكار أخرى للتكامل؟
هل لديك فكرة لدمج Baseline بطريقة أخرى؟ قد تكون لديك أداة للمطوّرين يمكنها تضمين هذه المعلومات، أو منتجًا يستفيد من إمكانية مشاركة إصدار Baseline الذي تستخدمه لوحة المشرف. أبلِغ عن مشكلة في أفكارك، وستسرّنا مساعدتك.