תאריך פרסום: 23 באוקטובר 2024
בפוסט הזה תלמדו איך להשתמש ברכיב האינטרנט החדש <baseline-status>
באתר שלכם, ובסמלי הלוגו של קבוצת הבסיס במצגות, בכל פעם שאתם כותבים או מדברים על תכונות של פלטפורמת האינטרנט.
רוב המפתחים חוו חיפוש פתרון לבעיה בפיתוח אינטרנט, מציאת מאמר שמתאר את הפתרון המושלם, ואז הבנה ממש בסוף שהפתרון זמין רק בדפדפן אחד. או להתלהב מתכונה שמתוארת על ידי מרצה בכנס, ואז לגלות שהיא ניסיונית. זה היה משהו שרצינו לשפר באתרים שלנו למפתחי Chrome, ובשנתיים האחרונות הוספנו לפוסטים שלנו נתוני תאימות מ-MDN.
עם זאת, ערכי הבסיס ברורים יותר. במקום לבדוק גרסאות מסוימות של הדפדפן, אפשר לבדוק אם פיצ'ר מסוים זמין לכלל המשתמשים הרחב, ולכן מוכן לשימוש ללא דאגות. או לדעת שהיא זמינה ב-Baseline החדש, ולכן יש לה יכולת פעולה הדדית, אבל כתכונה חדשה, כדאי לשקול אסטרטגיות חלופיות. ב-web.dev התחלנו להוסיף רכיב חדש של סטטוס בסיס לדפים מסוימים. אפשר לראות אותו בפוסט בבלוג על CSS font-size-adjust.
הוספת הרכיב לאתר
רכיב האינטרנט לא מיועד רק לנו. אנחנו שמחים לשתף איתכם את הרכיב <baseline-status>
. אפשר להשתמש בו כדי להציג את סטטוס הבסיס של התוכן שאתם יוצרים. אפשר להתקין את הרכיב מ-npm או לקמפל אותו מראש מ-CDN – כאן מפורטות הוראות ההתקנה.
אחרי ההתקנה, אפשר להציג את סטטוס התכונה כפי שמוצג בקוד ה-HTML הבא עבור font-size-adjust
.
<baseline-status featureId="font-size-adjust"></baseline-status>
לאחר מכן הרכיב יתעדכן באופן אוטומטי כשהתכונה תעבור מ'זמינות מוגבלת' דרך 'זמינה עכשיו' אל 'זמינה לכולם'.
מאתרים את featureId
הערך של featureId
שמוענק לרכיב הוא שם התכונה במאגר web-features.
הרכיב מקבל את סטטוס התכונה מהנתונים שנאספים דרך פרויקט התכונות לאתרים.
הוספת סמלי לוגו של Baseline
אם אתם מפרסמים משהו בפורמט מודפס, בפורמט PDF או מציגים אותו בכנס, סביר להניח שהסמלים יעזרו לכם להציג את הסטטוס הנוכחי. בלוח הבקרה סטטוס פלטפורמת האינטרנט אפשר לבדוק את סטטוס הבסיס של כל תכונה.
יש לכם רישיון להשתמש בסמלי הלוגו של Baseline בכל החומרים שלכם, להוריד אותם בפורמט PNG ו-SVG.
נשמח לדעת איפה משתמשים בנתוני הבסיס
נשמח לדעת איפה אתם משתמשים ב-Baseline. פותחים בקשת תיקון (PR) ומוסיפים קישור למקום שבו השתמשתם ב-Baseline כדי לבדוק את הביצועים בשטח.
יש לכם רעיונות נוספים לשילוב?
יש לכם רעיון לשילוב של Baseline בדרך אחרת? יכול להיות שיש לכם כלי למפתחים שיכול לכלול את המידע הזה, או מוצר שתוכלו להפיק ממנו תועלת אם תוכלו לשתף את גרסת הבסיס שבה משתמשים בלוח הניהול. שליחת דיווח עם הרעיונות שלכם, ונשמח לעזור.