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

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

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

בפברואר, Chrome 98 ו-Firefox 97 הפכו ליציבים.

השיטה self.structuredClone נוספה ל-Chrome 98. הוא יוצר עותק מלא של ערך באמצעות אלגוריתם היצירה של עותק מובנה. מידע נוסף על structuredClone()

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

  • Chrome:‏ 98.
  • Edge:‏ 98.
  • Firefox: 94.
  • Safari: 15.4.

מקור

גרסה 97 של Firefox כוללת שכבות מדורגות. כלל at-rule‏ @layer מגדיר שכבת מדורגת, שבעזרתה אפשר לשלוט ברמת הספציפיות.

@layer framework {
  /* creates a new layer named framework */
}

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

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

  • Chrome:‏ 99.
  • Edge:‏ 99.
  • Firefox: 97.
  • Safari: 15.4.

מקור

Firefox מוביל גם להצגת הנכס scrollbar-gutter. התכונה הזו עוזרת להסיר שינויי פריסה שנגרמו עקב סרגל גלילה שמופיע בזמן שהתוכן גדל.

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

.container {
  scrollbar-gutter: stable both-edges;
}

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

  • Chrome: 94.
  • Edge:‏ 94.
  • Firefox: 97.
  • תצוגה מקדימה של הטכנולוגיה של Safari: נתמכת.

מקור

ב-Chrome 98 יש תמיכה בגופנים וקטוריים של גווני צבע COLRv1 כפורמט גופן חדש נוסף. גופן צבעוני מכיל גליפים עם כמה צבעים, למשל אמוג'י או דגל מדינה או אות צבעונית.

מידע נוסף על פורמט הגופן החדש הזה זמין במאמר גופנים וקטוריים של גווני צבע ב-COLRv1 ב-Chrome 98.

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

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

גרסאות הבטא החדשות שפורסמו בפברואר היו Chrome 99 ו-Firefox 98. עדיין אפשר להשתמש בגרסת הבטא 15.4 של Safari. תיארתי חלק מהתכונות שנוספו בחודש שעבר.

Chrome 99 כולל שכבות מדורגות, ושכבות מדורגות קיימות גם ב-Safari Beta 15.4. אנחנו מצפים שהתכונה הזו תופיע בכל הדפדפנים לטווח ארוך בקרוב מאוד.

ב-Chrome 99 יש גם כמה מאפיינים חדשים ל-CanvasRenderingContext2D ושיטת showPicker() חדשה ב-HTMLInputElement שמאפשרת להציג דפדפן לבחירת תאריך, שעה, צבע וקבצים.

בגרסה 98 של Firefox מופיע הרכיב <dialog>. תכונת נוספת שתהיה בכל הדפדפנים לטווח ארוך אחרי שהגרסאות הבטא של Firefox ו-Safari יהיו יציבות.

כל התכונות האלה בגרסת בטא יהיו זמינות בקרוב בדפדפנים יציבים.

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