תכונות מעניינות שנוספו לדפדפני אינטרנט בגרסת בטא ובגרסה יציבה במהלך ינואר 2022.
גרסאות של דפדפנים יציבים
בינואר, Chrome 97 ו-Firefox 96 הפכו ליציבים.
ב-Firefox 96 נוספה פונקציית הצבע hwb()
. הפונקציה מבטאת צבע לפי גוון, לובן ושחור.
ב-Firefox 96 יש גם את מאפיין ה-CSS color-scheme
. הנכס הזה מאפשר לציין את ערכות הצבעים שבהן אפשר לרנדר רכיב. לדוגמה, כדי לציין שאפשר לעבד את .widget
במצב הבהיר או הכהה של מערכת ההפעלה, צריך להשתמש ב-CSS הבא.
.widget {
color-scheme: light dark;
}
אם ערכת הצבעים מוצגת ב-Firefox, המשמעות היא שהנכס זמין ב-Chrome, ב-Firefox וב-Safari.
גרסאות של דפדפן בטא
גרסאות בטא של דפדפן מעניקות הצצה מוקדמת לדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות או הסרות שעשויות להשפיע על האתר שלכם, לפני שהן יושקו לכולם.
הגרסאות הבטא של ינואר היו Chrome 98, Firefox 97 ו-Safari 15.4 Beta 1.
Chrome 98 תומך בגופנים וקטוריים הדרגתיים של צבעי COLRv1 כפורמט גופן חדש נוסף. גופן צבעוני מכיל גליפים עם כמה צבעים, למשל אמוג'י, דגל של מדינה או אות צבעונית.
מידע נוסף על פורמט הגופן החדש הזה זמין במאמר גופנים וקטוריים של גווני צבע ב-COLRv1 ב-Chrome 98.
בנוסף, השיטה structuredClone() ליצירת עותקים מעמיקים של אובייקטים, ושאילתות המדיה מסוג CSS dynamic-range
ו-video-dynamic-range
. בפוסט על גרסת הבטא של Chrome 98 מפורטות תכונות נוספות שאפשר לבדוק.
כלי הפיתוח של Chrome 98 כוללים אוסף שלם של תכונות חדשות, כולל הדוח המלא של נגישות.
ב-Firefox 97 Beta יש תמיכה ביחידות cap
ו-ic
של length
, וגם הטמעה של המאפיין scrollbar-gutter
.
ב-Safari 15.4 בטא יש אוסף שלם של דברים טובים. התכונות כוללות הטמעה של רכיב הסימון המשנה ::backdrop, סיווג הסימון המשנה :focus-visible, הנכס accent-color ו-CSS Containment עם הנכס contain. גרסת הבטא הזו כוללת גם את האלמנט <dialog> ב-HTML, את המאפיין lazy
בתמונות כדי לאפשר טעינה איטית, וגם תמיכה בסמלי מניפסט של אפליקציות אינטרנט.
כל התכונות האלה בגרסת בטא יהיו זמינות בקרוב בדפדפנים יציבים.
חלק מסדרת האתרים החדשה