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

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

Rachel Andrew

גרסאות יציבות של דפדפנים

בנובמבר, Firefox 107 ו-Chrome 108 התייצבו. נבחן את המשמעות מבחינת פלטפורמת האינטרנט.

שינוי בהתנהגות של אזור התצוגה בפריסה ב-Chrome ב-Android

חל שינוי בהתנהגות אזור התצוגה של הפריסה מ-Chrome 108 ב-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, {19.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

ממשק API לניהול פרטי כניסה מאוחדים

ה-FedCM (FedCM) מספק הפשטה של תהליכי זהות מאוחדים באינטרנט. היא חושפת תיבת דו-שיח של דפדפן בתהליך בחירת הרשת, שמאפשרת למשתמשים לבחור חשבונות מספקים מזהים כדי להתחבר לאתרים. המשלוח של FedCM פועל ב-Chrome 108. אפשר לקרוא מידע נוסף על כך בפוסט בבלוג ההכרזות של FedCM.

גרסאות של דפדפן בטא

הגרסאות של דפדפן הבטא מספקות תצוגה מקדימה של הדברים שיהיו בגרסה היציבה הבאה של הדפדפן. זה זמן נהדר לבדוק תכונות חדשות, או הסרות, שעשויות להשפיע על האתר שלך לפני שכל העולם יפרסם את הגרסה הזו. מכיוון שתאריכי ההפצה נופלים, גרסת הבטא החדשה היחידה שהייתה החודש היא Firefox 108, כשגרסת הבטא של Safari 16.2 עדיין פעילה.

Firefox 108 תומך במאפייני height ו-width עבור הרכיב <source>, כשהוא צאצא של רכיב <picture>. המאפיינים האלה מקבלים את הגובה או הרוחב של התמונה, בפיקסלים, כמספר שלם ללא יחידה.

הטמעת שאילתות של קונטיינרים מתבצעת ב-Firefox. מאחורי הדגל layout.css.container-queries.enabled בגרסת הבטא של Firefox 108, יופיעו יחידות אורך שאילתת המאגר — cqw, cqh, cqi, cqb, cqmin, cqmax. אלו הן יחידות אורך ביחס לגודל של מאגר שאילתות.

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