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

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

ביוני 2024, הגרסאות היציבות של Firefox 127 ושל Chrome 126 הפכו לזמינות. בפוסט הזה נסקור את התכונות החדשות שנוספו לפלטפורמת האינטרנט.

שיטות Set ב-JavaScript

קבוצות הן מבנה נתונים חיוני בכל שפת תכנות. עכשיו אפשר להשתמש בשיטות המובנות של JavaScript כדי לבצע פעולות על קבוצות. שיטות ההגדרה הבאות זמינות עכשיו מ-Firefox 127, והן הפכו לחלק מ-Baseline Newly Available:

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 127.
  • Safari: 17.

Source

מידע נוסף זמין במאמר שיטות ה-Set של JavaScript הן עכשיו חלק מ-Baseline.

Async Clipboard API

מעכשיו יש תמיכה מלאה ב-Clipboard API מגרסה 127 של Firefox. עכשיו יש ב-Firefox תמיכה בממשק ClipboardItem, יחד עם השיטות read() ו-write() של ממשק ה-Clipboard. מידע נוסף על Clipboard API זמין במאמר ביטול החסימה של הגישה ללוח.

Browser Support

  • Chrome: 76.
  • Edge: 79.
  • Firefox: 127.
  • Safari: 13.1.

Source

אינטרפולציה של צבעים במעברי צבע ב-CSS

אפשר לציין ב-CSS שיפועים שיקבלו <color-interpolation-method>, והאפשרות הזו נתמכת עכשיו ב-Firefox, כך שאפשר להשתמש בה בכל המנועים העיקריים. עכשיו אפשר, לדוגמה, לציין linear-gradient() באמצעות מערכת הצבעים hsl ואינטרפולציה ארוכה יותר.

.longer {
  background: linear-gradient(90deg in hsl longer hue, red, blue);
}

מעברים בין תצוגות במסמכים שונים

בעבר, כדי להשתמש ב-View Transitions API, הייתם צריכים לתכנן מחדש את האתר כ-SPA. הם לא נספרים כך יותר. החל מגרסה 126 של Chrome, מעברים בין תצוגות מופעלים כברירת מחדל לניווטים מאותו מקור. אפשר ליצור מעבר תצוגה בין שני מסמכים שונים מאותו מקור.

כדי להפעיל מעבר בין תצוגות במסמכים שונים, צריך להביע הסכמה בשני הקצוות. כדי לעשות זאת, משתמשים בכלל @view-transition ומגדירים את מאפיין הניווט כ-auto.

@view-transition {
  navigation: auto;
}

Browser Support

  • Chrome: 126.
  • Edge: 126.
  • Firefox: not supported.
  • Safari Technology Preview: supported.

מידע נוסף זמין במסמכי התיעוד בנושא מעבר בין תצוגות במסמכים שונים.

התוסף trigger-rumble של Gamepad API

ב-Chrome 126 הורחבה ממשק GamepadHapticActuator כדי לחשוף את היכולת trigger-rumble באינטרנט למכשירי גיימפאד תואמים. התוסף הזה יאפשר לאפליקציות אינטרנט שמשתמשות ב-Gamepad API לגרום גם לרטט של הטריגרים במכשירי gamepad שמגיעים עם הפונקציונליות הזו.

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

גרסאות בטא של דפדפנים נותנות לכם תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות או הסרות שעשויות להשפיע על האתר שלכם, לפני שהן יהיו זמינות לכולם. הגרסאות החדשות של גרסת הבטא הן Firefox 128,‏ Chrome 127,‏ Safari 18 ו-Safari 17.6. במהדורות האלה נוספו לפלטפורמה תכונות רבות ומועילות. כל הפרטים מפורטים בהערות למהדורה. ריכזנו כאן כמה מהשינויים הבולטים.

גרסה 17.6 של Safari כוללת תיקונים לתכונות קיימות. ב-Safari 18 יש כמה תכונות חדשות ומעניינות, כולל שאילתות של מאגרי סגנונות, ממשק API למעבר בין תצוגות לאפליקציות של דף יחיד ותמיכה במילות המפתח safe במאפייני flexbox.

גרסה 127 של Chrome כוללת את מאפיין ה-CSS font-size-adjust, את היכולת לציין טקסט חלופי בתוכן שנוצר כמספר שרירותי של רכיבים, ואת היכולת להוסיף מידע על פרקים ספציפיים ב-MediaMetaData.

גרסה 128 של Firefox כוללת מאפיינים וערכים של CSS, ולכן התכונה הזו נמצאת בסטטוס 'זמינה עכשיו'. משתמשים ב-@property כדי להגדיר type ולהגדיר ערך חלופי למאפיינים מותאמים אישית של CSS.