תאריך פרסום: 26 בינואר 2026
כצפוי, דצמבר 2025 היה חודש רגוע יחסית ב-Baseline, כי קהילת המפתחים לקחה פסק זמן מוצדק כדי להירגע בסוף השנה. העדכון הזה יהיה קצר יותר בהשוואה לעדכונים אחרים בשנת 2025, אבל עדיין יש בו הרבה דברים חשובים!
תכונות חדשות שזמינות עכשיו
התכונות הבאות הפכו לזמינות ב-Baseline בדצמבר 2025. כתוצאה מכך, כל התכונות האלה יהיו זמינות באופן נרחב ב-Baseline ביולי 2028.
document.caretPositionFromPoint()
document.caretPositionFromPoint() היא שיטה שימושית למציאת נקודת ההוספה המדויקת (צומת DOM והיסט) עבור קואורדינטות נתונות של אזור התצוגה. השיטה הזו מצמצמת את הניחושים שהיו כרוכים לעיתים קרובות במציאת המיקום של סימן הטיפול במסמך.
Event Timing API
Event Timing API משמש לזיהוי אינטראקציות עם המסמך, ואפשר להשתמש בו כדי לחשב את זמן האחזור של אינטראקציות עם המשתמש. ה-API הזה משמש לחישוב מדד הליבה לבדיקת חוויית המשתמש באתר (INP). עכשיו ה-API הזה זמין כ-Baseline Newly available, ולכן אפשר לחשב את מדד ה-INP בכל דפדפני הליבה. כשהוא יגיע בסופו של דבר למצב Baseline Widely available, יהיה אפשר לחשב את המדד החשוב הזה שמתמקד במשתמשים בעוד יותר דפדפנים שמשמשים למטרות מעקב אחר משתמשים אמיתיים (RUM).
Largest Contentful Paint API
המהירות שבה נטען רכיב התוכן הכי גדול (LCP) היא מדד ליבה לבדיקת חוויית המשתמש באתר, שמחשב מתי רכיב התוכן הגדול ביותר במסמך מוצג. עכשיו, כש-Largest Contentful Paint API זמין כ-Baseline Newly available, והוא יכסה עוד יותר משתמשים כשהוא יגיע ל-Baseline Widely available, יהיה אפשר לחשב את המדד החשוב הזה שמתמקד במשתמשים, כפי שהוא נחווה על ידי משתמשים אמיתיים למטרות איסוף נתונים.
CSS scrollbar-color
בעבר לא הייתה אפשרות לעצב את סרגלי הגלילה באופן עקבי בכל הדפדפנים. עכשיו, כשמאפיין ה-CSS scrollbar-color זמין ב-Baseline Newly available, יש לכם גישה לשיטה טובה יותר לעיצוב הצבע של סרגל הגלילה במסמך.
אירוע אחד (scrollend)
האירוע scrollend מספק דרך אמינה לזהות מתי פעולת גלילה הסתיימה, במקום פתרונות מסובכים של setTimeout. ההשקה של התכונה הזו כזמינה ב-Baseline מאפשרת למשתמשים לזהות מתי פעולות הגלילה הושלמו, בלי לפגוע בביצועים ובקריאות של הקוד, באמצעות שימוש ב-setTimeout callbacks.
CSS @scope
כלל ה-at ב-CSS @scopeמאפשר לכם לטרגט רכיבים בעצי משנה של מסמכים בצורה שמצמצמת את הצורך בסלקטורים מורכבים. @scope זמין עכשיו כ-Baseline Newly available, כך שיש לכם כלי חזק להגדרת סגנונות.
משפחת גופנים מתמטיים
אם אי פעם הייתם צריכים להציג משוואות מתמטיות בדף, אתם יודעים שלתוכן כזה יש צרכים ספציפיים של עיבוד. font-family: math זמין עכשיו כ-Baseline, ולכן לא צריך יותר להשתמש בפתרונות עקיפים כדי להציג משוואות מתמטיות.
פקודות להפעלת תכונות
פקודות להפעלת רכיבים שימושיות להקצאת התנהגויות לרכיבי <button> בדף. הם שימושיים במיוחד לשליטה בשימוש בתיבות דו-שיח ובחלונות קופצים, ועוזרים לכם לטפל ברבות מהדרישות הבסיסיות לשימוש בממשקי ה-API האלה, כמו בעיות נגישות. כדי להבין איך הם פועלים, כדאי לקרוא את המאמר <dialog> וpopover: דפוסי ממשק משתמש בסיסיים בשכבות, שהוא אחד מהמאמרים בסדרה החדשה שלנו Baseline בפעולה.
תכונות בסיסיות שזמינות לכולם
בדצמבר 2025, כמה תכונות הפכו לזמינות באופן נרחב ב-Baseline, כלומר התכונות האלה נחשבות עכשיו לשימושיות באופן כללי בכל הדפדפנים העיקריים.
calc() מילות מפתח
ככל ש-calc() מבצע פעולות מתמטיות ב-CSS, כך גדל הצורך בהוספת מילות מפתח לנוסחאות מתמטיות נפוצות. מילות המפתח e, pi, infinity ו-NaN מייצגות קבועים מוגדרים היטב שמתקבלים בפונקציות מתמטיות של CSS ב-calc().
מודולים של JavaScript ב-workers
ה-Web Workers קיימים בהיקף משלהם, והם מופעלים באמצעות ה-constructor Worker(). היכולת להשתמש בארגומנט { type: "module" } כשמפעילים web worker מאפשרת להשתמש במודולים של ES בהיקף של ה-worker, וכך לקבל גישה אל import ואל export. הפונקציונליות הזו זמינה עכשיו ב-Baseline Widely available, כך שתוכלו להשתמש בתכונה הזו ביותר דפדפנים שנמצאים בשימוש כיום.
window.print()
window.print() היא תכונה מוכרת באינטרנט, אבל השלמנו החודש את ההטמעה שלה בדפדפנים מודרניים מסוימים של תיבת הדו-שיח להדפסה, כך שאפשר להשתמש בה בצורה מהימנה יותר בדפדפנים רבים יותר.
זה הכול
שנת 2025 מאחורינו, ואנחנו מתחילים שנה חדשה עם Baseline בשנת 2026! כמו תמיד, נשמח לקבל מכם משוב אם פספסנו משהו שקשור ל-Baseline, ונדאג לכלול אותו במהדורה הבאה.