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

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

Rachel Andrew

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

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

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

שיטות קבוצת JavaScript

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

• intersection()
• union()
• difference()
• symmetricDifference()
• isSubsetOf()
• isSupersetOf()
• isDisjointFrom()

תמיכה בדפדפן

• 122
• 122
• 127
• 17

מקור

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

Async Clipboard API

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

תמיכה בדפדפן

• 76
• 79
• 127
• 13.1

מקור

אינטרפולציה של צבעים בהדרגתיות של CSS

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

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

תמיכה בדפדפן

• 111
• 111
• 127
• 16.2

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

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

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

@view-transition {
  navigation: auto;
}

תמיכה בדפדפן

• 126
• 126
• x
• x

מקור

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

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

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

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

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

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

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

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