חדש בפלטפורמת האינטרנט בנובמבר

תכונות מעניינות שנוספו לדפדפני אינטרנט בגרסת בטא ובגרסה יציבה במהלך נובמבר 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, כלומר עכשיו יש לנו יכולת פעולה הדדית בין שלוש יחידות המנוע הראשיות של הדפדפנים.

יחידות אזור תצוגה גדולות, קטנות ודינמיות

תמיכה בדפדפנים

  • Chrome:‏ 108.
  • Edge:‏ 108.
  • Firefox: 101.
  • Safari: 15.4.

מאפיין ה-CSS המקוצר contain-intrinsic-size נתמך ב-Firefox 107, יחד עם contain-intrinsic-width ו-contain-intrinsic-height הארוכים, ועם המאפיינים הלוגיים contain-intrinsic-block-size ו-contain-intrinsic-inline-size.

הם חלים על ציון הגודל של רכיב בממשק המשתמש שנתון למגבלות גודל. כך סוכן משתמש יכול לקבוע את הגודל של אלמנט בלי צורך להציג את רכיבי הצאצא שלו. הן שימושיות כשרכיב כפוף להגבלת גודל.

תמיכה בדפדפנים

  • Chrome: 83.
  • Edge:‏ 83.
  • Firefox:‏ 107.
  • Safari: 17.

מקור

תמיכה במילות המפתח avoid לחלוקת CSS

ב-Chrome 108 יש תמיכה בערך avoid של מאפייני הפיצול של CSS‏ break-before,‏ break-after ו-break-inside בזמן ההדפסה. הערך הזה מורה לדפדפן להימנע מקטיעות לפני, אחרי או בתוך הרכיב שאליו הוא מיושם. לדוגמה, הקוד הבא ב-CSS מונע מצב שבו דמות תהיה מנותקת במעבר דף.

figure {
    break-inside: avoid;
}

התוספת הזו נובעת מהכללת תמיכה במדפסת באמצעות LayoutNG, שמספקת חוויה מודרנית עם פחות באגים. מידע נוסף על LayoutNG

Federated Credential Management API

Fedeated Credential Management API (FedCM) מספק הפשטה של תהליכי זהות מאוחדים באינטרנט. נפתחת תיבת דו-שיח בתהליך בחירת הרשת (Mediation) בדפדפן, שמאפשרת למשתמשים לבחור חשבונות מספקי זיהוי כדי להתחבר לאתרים. 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. אלה יחידות אורך ביחס לגודל של מאגר שאילתות.

חלק מהסדרה חדשות באינטרנט