תכונות מעניינות שנוספו לדפדפני אינטרנט בגרסאות יציבות ובגרסאות בטא במהלך יוני 2024.
גרסאות יציבות של דפדפנים
ביוני 2024, הגרסאות היציבות של Firefox 127 ושל Chrome 126 הפכו לזמינות. בפוסט הזה נסקור את התכונות החדשות שנוספו לפלטפורמת האינטרנט.
שיטות Set ב-JavaScript
קבוצות הן מבנה נתונים חיוני בכל שפת תכנות. עכשיו אפשר להשתמש בשיטות המובנות של JavaScript כדי לבצע פעולות על קבוצות. שיטות ההגדרה הבאות זמינות עכשיו מ-Firefox 127, והן הפכו לחלק מ-Baseline Newly Available:
intersection()
union()
difference()
symmetricDifference()
isSubsetOf()
isSupersetOf()
isDisjointFrom()
מידע נוסף זמין במאמר שיטות ה-Set של JavaScript הן עכשיו חלק מ-Baseline.
Async Clipboard API
מעכשיו יש תמיכה מלאה ב-Clipboard API מגרסה 127 של Firefox. עכשיו יש ב-Firefox תמיכה בממשק ClipboardItem
, יחד עם השיטות read()
ו-write()
של ממשק ה-Clipboard. מידע נוסף על Clipboard API זמין במאמר ביטול החסימה של הגישה ללוח.
אינטרפולציה של צבעים במעברי צבע ב-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;
}
תמיכה בדפדפנים
מידע נוסף זמין במסמכי התיעוד בנושא מעבר בין תצוגות במסמכים שונים.
התוסף 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.