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

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

Rachel Andrew

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

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

ניתוח רגוע ל-CSS Nesting

בגרסאות Chrome 120 ו-Safari 17.2 יש ניתוח נתונים מרגיעים עבור CSS Nesting. מאחר שהאפשרות הזו נתמכת ב-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

מקור

API להדגשה מותאמת אישית של CSS

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

תמיכה בדפדפן

  • 105
  • 105
  • 17.2

מקור

ממשק ה-API שלCloseWatcher

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

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

תמיכה בדפדפן

  • 120
  • 120
  • x
  • x

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

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

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

text-wrap: balance

תמיכה בדפדפן

  • 114
  • 114
  • 121

מקור

text-wrap: stable

תמיכה בדפדפן

  • x
  • x
  • 121

מקור

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

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