תכונות מעניינות שנוספו לדפדפני אינטרנט יציבים וגרסת בטא במהלך מאי 2023.
גרסאות יציבות של דפדפנים
במאי 2023, הגרסאות Firefox 113, Chrome 113, Chrome 114 ו-Safari 16.5 הפכו ליציבות. בואו נראה מה המשמעות של זה לפלטפורמת האינטרנט.
WebGPU
גרסה 113 של Chrome כוללת את WebGPU, הדור הבא של ממשקי ה-API לגרפיקת WebGL ו-WebGL 2 לאינטרנט. הוא מספק תכונות מודרניות כמו חישוב GPU, גישה עם פחות תקורה לחומרת GPU, יכולת ליצור רינדור בכמה משטחי קנבס ממכשיר גרפי יחיד וביצועים טובים יותר וניתנים לחיזוי.
קבוצות מאינטראקציה ישירה (First-Party Sets)
קבוצות של צד ראשון (FPS) הן חלק מארגז החול לפרטיות. זוהי דרך שבה ארגונים יכולים להצהיר על קשרים בין אתרים, כדי שדפדפנים יוכלו להחליט מתי לאפשר גישה מוגבלת לקובצי cookie של צד שלישי לאתרים בתוך קבוצה. התחלנו בהשקה הדרגתית של FPS ב-Chrome 113.
תכונות מדיה של CSS ועוד
ב-CSS, גרסה 113 של Chrome כוללת את תכונות המדיה overflow-inline
ו-overflow-block
.
וגם את התכונה update
של המדיה.
בנוסף, נכללת פונקציית העקומה linear()
. מידע נוסף זמין במאמר יצירת עקומות אנימציה מורכבות ב-CSS באמצעות פונקציית העקומה linear()
.
תמיכה בדפדפנים
תכונות של CSS ברמת צבע 4
גרסה 113 של Firefox כוללת את הסימונים הפונקציונליים color()
, lab()
, lch()
, oklab()
, oklch()
ו-color-mix()
, יחד עם הנכס forced-color-adjust. פירוש הדבר הוא שהחלל הצבעוני והפונקציות החדשים נתמכים עכשיו בכל שלושת המנועים העיקריים. מידע נוסף על המרחבים והפונקציות האלה זמין במדריך הצבעים של CSS ברזולוציה גבוהה.
שליטה רבה יותר בבחירות של :nth-child()
ב-Firefox 113 נוספה גם היכולת להעביר רשימת סלקטורים אל :nth-child()
ו-nth-last-child()
. מידע נוסף על הנושא הזה ודוגמאות זמינים במאמר שליטה רבה יותר על הבחירות של :nth-child() באמצעות תחביר of S.
תמיכה בדפדפנים
Compressions Streams API
עכשיו יש תמיכה ב-Compressions Streams API בכל שלושת המנועים העיקריים, בגלל ההכללה שלו ב-Firefox 113. ה-API מאפשר דחיסה וביטול דחיסה של סטרימינג. המשמעות היא שאפליקציות JavaScript כבר לא צריכות לצרף ספריית דחיסה.
הטמעת CSS
ב-Safari 16.5 נפתרו רוב הבעיות, אבל נוספה גם תמיכה בעיצוב CSS בתצוגת עץ, עם הבורר החדש של עיצוב בתצוגת עץ >
, שמשמש להטמעת כללי סגנון קשורים, באופן שיהיה מוכר למפתחים שהשתמשו במעבדי קדם:
.nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
איזון בין כותרות באמצעות text-wrap: balance
מגרסה 114 של Chrome אפשר להשתמש ב-text-wrap: balance
. כך תוכלו לאזן את הכותרות, למנוע את הבעיה של מילה אחת בשורה האחרונה ולקבל תוצאה נעימה וקריאה יותר. מידע נוסף זמין במאמר CSS text-wrap: balance.
CHIPS: קובצי Cookie עם חלוקה עצמאית למחיצות
כחלק מהעבודה שלנו להוצאה משימוש של קובצי Cookie של צד שלישי, CHIPS מאפשרת להביע הסכמה לחלוקה של קובצי Cookie של צד שלישי לפי אתר ברמה העליונה באמצעות מאפיין ה-Cookie החדש Partitioned
. התכונה CHIPS זמינה ב-Chrome 114.
Popover API
ב-Chrome 114 יש גם את Popover API, שמאפשר ליצור בקלות רכיבים זמניים של ממשק משתמש (UI) שמוצגים מעל כל שאר רכיבי ממשק המשתמש של אפליקציות אינטרנט.
אלה כוללים אלמנטים אינטראקטיביים של משתמשים, כמו תפריטי פעולות, הצעות לרכיבי טפסים, בוררי תוכן וממשק משתמש להדרכה.
המאפיין החדש של חלון קופץ מאפשר להציג כל רכיב בשכבה העליונה באופן אוטומטי. המשמעות היא שהמפתחים לא צריכים יותר לדאוג לגבי מיקום, רכיבים מוערמים, מיקוד או אינטראקציות עם המקלדת.
מידע נוסף זמין במאמר הצגת חלון קופץ באמצעות popover API.
גרסאות בטא של דפדפנים
גרסאות בטא של דפדפנים נותנות לכם תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות או הסרות שעשויות להשפיע על האתר שלכם, לפני שהן יושקו לכולם. הגרסאות החדשות של גרסת הבטא הן Firefox 114, Chrome 115 ו-Safari 16.6. הגרסאות האלה מוסיפות לפלטפורמה תכונות רבות ומועילות. ב'הערות לגרסה' מפורטים כל הפרטים, אבל ריכזנו כאן כמה נקודות עיקריות.
ב-Chrome 115 יש כמה ערכים למאפיין ה-CSS display
. כלומר, display: flex
הופך ל-display: block flex
ו-display: block
הופך ל-display: block flow
. הערכים היחידיים נשמרים כמילות מפתח מדור קודם, וכשהם עוברים ל-Chrome Stable, הערכים המרובים יהיו זמינים בכל המנועים.
ב-Chrome 115 יש גם את התוספים ScrollTimeline
ו-ViewTimeline
למפרט Web Animations. הם מאפשרים להפעיל אנימציות שמבוססות על גלילה באמצעות CSS ו-JavaScript.
גרסה 114 של Firefox כוללת את WebTransport API, עדכון מודרני ל-WebSockets שמספק תמיכה במספר שידורים, בשידורים חד-כיווניים ובמסירה לא בסדר.
חלק מהסדרה חדשות באינטרנט