תכונות מעניינות שנוספו לדפדפני אינטרנט בגרסת בטא ובגרסה יציבה במהלך נובמבר 2022.
גרסאות יציבות של דפדפנים
בנובמבר, הגרסאות Firefox 107 ו-Chrome 108 הפכו ליציבות. בואו נראה מה המשמעות של זה לפלטפורמת האינטרנט.
שינוי בהתנהגות של אזור התצוגה בפריסה ב-Chrome ל-Android
יש שינוי בהתנהגות של חלון התצוגה של הפריסה בגרסה 108 של Chrome ל-Android כשמוצגת המקלדת במסך. למידע נוסף, אפשר לקרוא את המאמר הכנה לשינויים בהתנהגות של שינוי גודל שדה התצוגה שיושקו ב-Chrome ל-Android.
יחידות חדשות של אזור תצוגה
בנוסף, ב-Chrome 108 יש את יחידות תצוגת המסך החדשות של CSS. אלה כוללות יחידות קטנות (svw
, svh
, svi
, svb
, svmin
, svmax
), יחידות גדולות (lvw
, lvh
, lvi
, lvb
, lvmin
, lvmax
), יחידות דינמיות (dvw
, dvh
, dvi
, dvb
, dvmin
, dvmax
) ויחידות לוגיות (vi
, vb
). היחידות האלה כבר מוטמעות ב-Firefox וב-Safari, כלומר עכשיו יש לנו יכולת פעולה הדדית בין שלוש יחידות המנוע הראשיות של הדפדפנים.
יחידות אזור תצוגה גדולות, קטנות ודינמיות
תמיכה בדפדפנים
מאפיין ה-CSS המקוצר contain-intrinsic-size
נתמך ב-Firefox 107, יחד עם contain-intrinsic-width
ו-contain-intrinsic-height
הארוכים, ועם המאפיינים הלוגיים contain-intrinsic-block-size
ו-contain-intrinsic-inline-size
.
הם חלים על ציון הגודל של רכיב בממשק המשתמש שנתון למגבלות גודל. כך סוכן משתמש יכול לקבוע את הגודל של אלמנט בלי צורך להציג את רכיבי הצאצא שלו. הן שימושיות כשרכיב כפוף להגבלת גודל.
תמיכה במילות המפתח avoid
לחלוקת CSS
ב-Chrome 108 יש תמיכה בערך avoid
של מאפייני הפיצול של CSS break-before
, break-after
ו-break-inside
בזמן ההדפסה. הערך הזה מורה לדפדפן להימנע מקטיעות לפני, אחרי או בתוך הרכיב שאליו הוא מיושם. לדוגמה, הקוד הבא ב-CSS מונע מצב שבו דמות תהיה מנותקת במעבר דף.
figure {
break-inside: avoid;
}
התוספת הזו נובעת מהכללת תמיכה במדפסת באמצעות LayoutNG, שמספקת חוויה מודרנית עם פחות באגים. מידע נוסף על LayoutNG
Federated Credential Management API
Federated Credential Management API (FedCM) מספק הפשטה לתהליכי אימות זהות מאוחדת באינטרנט. הוא חושף תיבת דו-שיח שמנוהלת על ידי הדפדפן ומאפשרת למשתמשים לבחור חשבונות מספקי זיהוי כדי להתחבר לאתרים. FedCM מופיע ב-Chrome 108. מידע נוסף זמין בפוסט בבלוג על ההכרזה על FedCM.
גרסאות בטא של דפדפנים
גרסאות בטא של דפדפנים נותנות לכם תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות או הסרות שעשויות להשפיע על האתר שלכם, לפני שהן יושקו לכולם. בגלל תאריכי השחרור, הגרסה היחידה בגרסת בטא חדשה שפורסמה החודש היא Firefox 108, וגרסת הבטא של Safari 16.2 עדיין נמצאת בתהליך.
ב-Firefox 108 יש תמיכה במאפיינים height
ו-width
לרכיב <source>
, כשהוא צאצא של רכיב <picture>
. המאפיינים האלה מקבלים את הגובה או הרוחב של התמונה, בפיקסלים, כמספר שלם ללא יחידה.
אנחנו משיקים את ההטמעה של שאילתות קונטיינר ב-Firefox. אחרי הדגל layout.css.container-queries.enabled
ב-Firefox 108 Beta, מופיעות יחידות האורך של שאילתות הקונטיינר – cqw
, cqh
, cqi
, cqb
, cqmin
, cqmax
. אלה יחידות אורך ביחס לגודל של מאגר שאילתות.
חלק מהסדרה חדשות באינטרנט