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

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

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

שיטות Set ב-JavaScript

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

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

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

מקור

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

Async Clipboard API

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

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

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

מקור

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

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

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

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

  • Chrome: ‏ 111.
  • Edge: ‏ 111.
  • Firefox: ‏ 127.
  • Safari: 16.2.

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

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

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

@view-transition {
  navigation: auto;
}

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

  • Chrome: ‏ 126.
  • Edge:‏ 126.
  • Firefox: לא נתמך.
  • Safari Technology Preview: יש תמיכה.

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

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

בגרסה 126 של Chrome, ממשק 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.