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

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

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

בדצמבר 2023, Firefox 121, Chrome 120, ועם Safari 17.2 הפך ליציב. הפוסט הזה נבחן את המשמעות מבחינת פלטפורמת האינטרנט.

ניתוח רגוע לקינון CSS

Chrome 120 ו-Safari 17.2 כוללים ניתוח רגוע של קינון CSS. מאחר ששינוי זה נתמך ב-Firefox מגרסה 117, המשמעות היא שכל המנועים העיקריים תומכים בשינוי התחביר הזה.

אקורדיונים בלעדיים עם האלמנט <details>

ב-Chrome 120 וב-Safari 17.2 יש תמיכה במאפיין name רכיב <details>. המשמעות היא שאפשר ליצור רכיבי אקורדיון בלעדיים על ידי קיבוץ של כמה רכיבי <details>.

מידע נוסף זמין בקטע אקורדיון בלעדי.

תמיכה בדפדפן

  • 120
  • 120
  • x
  • 17.2

הבורר :has()

ב-Firefox 121 יש גם בורר :has() של CSS. הגרסה הזו מאפשרת ל-:has() לפעול באופן הדדי בכל המנועים העיקריים.

מידע נוסף זמין במאמר :has(): בורר הקבוצות המשפחתיות.

תמיכה בדפדפן

  • 105
  • 105
  • 121
  • 15.4

מקור

CSS Custom highlight API

Safari 17.2 כולל את CSS Custom highlight API שמאפשרת ליצור ולעצב טווחי טקסט הרחבה של פסאודו-מחלקות רגילים כמו ::selection.

תמיכה בדפדפן

  • 105
  • 105
  • 17.2

מקור

ממשק ה-API של CloseWatcher

Chrome 120 כולל את CloseWatcher API – ממשק API חדש להאזנה לבקשות מהסוג הזה ולתגובה אליהן. הבקשות האלה מופעלות על ידי המקש ESC במחשב והתנועה או הלחצן 'חזרה' ב-Android, וההטמעה שלהן עשויה להיות מסובכת.

בנוסף ל-API, מערכת Chrome 120 משדרגת את <dialog> ואת המאפיין popover כדי להגיב ללחצן 'הקודם' ב-Android.

תמיכה בדפדפן

  • 126
  • 126
  • x
  • x

שירות CSS: text-wrap: balance ו-stable

Firefox 121 כולל את הערכים balance ו-stable של text-wrap. הערך balance שימושי לקטעי תוכן קצרים כמו כותרות, וכך ליצור טקסט נעים וקריא יותר. הערך stable מונע הרצה מחדש של תוכן שניתן לעריכה בזמן העריכה.

למידע נוסף על text-wrap: balance.

text-wrap: balance

תמיכה בדפדפן

  • 114
  • 114
  • 121
  • 17.5

מקור

text-wrap: stable

תמיכה בדפדפן

  • x
  • x
  • 121
  • 17.5

מקור

טעינה מדורגת של <iframe> רכיבים

Firefox 121 תומך במאפיין loading ברכיבי <iframe>. המשמעות היא שטעינה מדורגת של מסגרות iframe נתמכת עכשיו בכל המנועים העיקריים.

תמיכה בדפדפן

  • 77
  • 79
  • 121
  • 16.4

תמיכה בפונקציית ההתאמה לצפייה linear()

Safari בגרסה 17.2 כולל גם תמיכה בפונקציית ההתאמה לצפייה linear(), שאפשר להשתמש בה כדי ליצור אפקטים של קפיציות ואביב.

תמיכה בדפדפן

  • 113
  • 113
  • 112
  • 17.2

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

גרסאות בטא של דפדפן מספקות הצצה אל הדברים שיושקו בגרסה הבאה גרסה יציבה של הדפדפן. זה זמן מצוין לבדוק תכונות חדשות, והסרות, שעלולות להשפיע על האתר לפני שהעולם יקבל את הגרסה הזו. פי'צר חדש גרסאות בטא Firefox 122, Chrome 121, וכן Safari 17.3. הגרסאות האלה כוללות הרבה תכונות נהדרות לפלטפורמה. לצפייה בגרסה לכל הפרטים. ריכזנו כאן רק כמה מהשינויים הבולטים.

Firefox 122 ו-Chrome 121 כוללים את השיטה showPicker() ל-HTMLSelectElement. כאן מוצגים אותו הבורר שיוצג כשהרכיב נבחר, אבל יכול להיות מופעל מלחיצה על לחצן או מאינטראקציה אחרת של המשתמש.

Chrome 121 כולל את מאפייני הסגנון של סרגל הגלילה scrollbar-color ו-scrollbar-width, וגם אנונימיזציה משופרת של CSS ל-SVG, ומדגישים פסאודו אלמנטים בטקסט שאוית לא נכון או שיש בו שגיאות דקדוק.