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

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

Rachel Andrew

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

בפברואר 2024, Firefox 123 ו-Chrome 122 התייצבו. הפוסט הזה בוחן את התכונות החדשות שנוספו לפלטפורמת האינטרנט.

DOM של צל הצהרתי

Firefox 123 תומך במאפיין shadowrootmode של הרכיב <template>, ולכן תומך ב-Declarative Shadow DOM. התכונה הזו מצטרפת עכשיו ל-Baseline חדש, כי אפשר לפעול בו בצורה הדדית בכל דפדפני המפתח.

103 רמזים מוקדמים: טעינה מראש

Firefox 123 כולל את קוד הסטטוס 103 רמזים מוקדמים של משאבים לטעינה מראש.

שינויים בירושה של שירות CSS ::backdrop

פסאודו-רכיב ::backdrop של CSS הוא תיבה בגודל של אזור התצוגה, שמעובדת ישירות מתחת לכל רכיב שמוצג בשכבה העליונה. המפרט המקורי של ::backdrop מציין שהוא לא עבר בירושה מאף רכיב ולא עובר בירושה ממנו. פירוש הדבר הוא של-::backdrop לא הייתה גישה למאפיינים מותאמים אישית שהוצהרו ב-:root.

המפרט השתנה כדי לאפשר ל-::backdrop לרשת מאפיינים מהרכיב המקורי. השינוי הזה מוטמע ב-Chrome בגרסה 122.

מידע נוסף על השינויים ב-::backdrop

ממשק API של קטגוריות אחסון

גרסה 122 של Chrome כוללת את ה-Storage Buckets API. ה-API הזה מאפשר לאתרים לארגן את הנתונים במכשיר בקטגוריות, ואז אפשר להוציא את נתוני הקבוצות בנפרד מהנתונים שמאוחסנים בקטגוריות אחרות.

מידע נוסף זמין במשאבי העזרה בנושא Storage Buckets API.

Async Clipboard API: קריאת HTML לא מאובטח

גרסת הבטא של Chrome 122 כוללת את האפשרות unsanitized בשיטה read() של Async Clipboard API, כדי לאחזר פורמט HTML לא מאובטח.

JavaScript Set שיטות

ב-Chrome 122 המערכת מטמיעה את השיטות הבאות של Set:

• difference
• intersection
• isDisjointFrom
• isSubsetOf
• isSuperSetOf
• symetricDifference
• union

השיטות האלה כבר מוטמעות ב-Safari, החל מגרסה 17, והן מופיעות ב-Firefox Nightly.

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

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

גרסה 123 של Chrome כוללת כמה תכונות CSS חדשות. בעזרת פונקציית הצבע light-dark() קל יותר להתאים את ערכות הצבעים להעדפות של המשתמשים. המאפיין field-sizing מאפשר הגדלה אוטומטית של שדות להזנת טקסט. יש תכונה חדשה של מדיה לבדיקה לאפליקציות שמוצגות במצב 'תמונה בתוך תמונה'.

המאפיין text-spacing-trim מחיל צימוד על תווי פיסוק בסינית, ביפנית ובקוריאנית (CJK) כדי להתאים את הריווח המוגזם. מידע נוסף זמין במאמר ארבע תכונות בינלאומיות חדשות ל-CSS.

בגרסאות הבטא של Chrome 123 ו-Safari 17.4, יש תמיכה ב-align-content בפריסת טבלאות ובלוקים. מידע נוסף על השינוי בתמיכה ב-align-content כדאי לבדוק את האתרים אם אתם משתמשים בנכס מחוץ לפריסת רשת או פריסה גמישה, כי הוא יתחיל לגרום ליישור כפי שקודם הוא לא היה פונקציונלי בפריסת הבלוקים.

Firefox 124 כולל תמיכה בנכס CSS content-visibility. המאפיין הזה קובע אם האלמנט מעבד את התוכן שלו בכלל, וכך מאפשר לדפדפנים להשמיט את עיבוד התוכן עד שהוא נחוץ.