עדכון לגבי Interop 2023 לחודש אוקטובר

הרבעון האחרון של שנת 2023 כבר התחיל, עם הרבה התקדמות מכל הדפדפנים בתחומי המיקוד של הפעולות ההדדיות ב-2023. במאמר הזה נפרט על התוצאות של Interop 2023 עד עכשיו, ועל התכונות שזמינות עכשיו בעקבות המאמצים שבוצעו השנה.

סטטוס בינואר 2023

בינואר 2023 הודענו על השקת Interop 2023 ועל 26 תחומי המיקוד שכל המנועים יעבדו כדי לשפר במהלך השנה.

הציון הכולל של יכולת הפעולה ההדדית עבור דפדפנים ניסיוניים במועד ההשקה היה 62.

הציונים הכוללים של יכולת פעולה הדדית: 62, חקירות: 0 והציונים לכל דפדפן - 86 עבור Chrome ו-Edge, 74 עבור Firefox, 86 עבור 'תצוגה מקדימה של טכנולוגיית Safari'.
The Interop 2023 Dashboard (צילום המסך בוצע ב-31 בינואר 2023).

סטטוס נכון לאוקטובר 2023

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

הציונים הכוללים של יכולת פעולה הדדית: 89, חקירות: 66, והציונים לכל דפדפן - 97 עבור Chrome ו-Edge, 93 עבור Firefox, 95 עבור 'תצוגה מקדימה של טכנולוגיית Safari'.
The Interop 2023 Dashboard (צילום המסך בוצע ב-30 באוקטובר 2023).

שאילתות של קונטיינרים וערכי אורך של שאילתת מאגר

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

תמיכה בדפדפן

  • 105
  • 105
  • 110
  • 16

מקור

יחד עם שאילתות הקונטיינר, הופיעו גם יחידות של שאילתות בקונטיינר. השימוש בהן זהה לזה של יחידות של אזור התצוגה, כמו vw, ההבדל הוא שהן קשורות למאגר ולא לאזור התצוגה.

תמיכה בדפדפן

  • 105
  • 105
  • 110
  • 16

מרחבי צבעים ופונקציות

במאי אזורי הצבע Lab, LCH, Oklab ו-Oklch, נתמכו באופן הדדי. הסימונים הפונקציונליים של CSS lab(), lch(), oklab() ו-oklch() מאפשרים למפתחים להשתמש במרחבי הצבע האלה. התוויות הפונקציונליות color() ו-color-mix() נכללו גם הן.

תמיכה בדפדפן

  • 111
  • 111
  • 113
  • 15

מקור

מידע נוסף על הפונקציות ומרחבי הצבע החדשים האלה מופיע במדריך הצבעים של CSS בחדות גבוהה.

רשת משנה

תכונת רשת המשנה לפריסת רשת של CSS היא ערך חדש עבור grid-template-columns ו-grid-template-rows, שמאפשר לרשת בתוך רשת להשתמש בהגדרת המסלול מרשת ההורה. כלומר, אתם יכולים לישר את הדברים שמוצבים במבנה הרשת.

תמיכה בדפדפן

  • 117
  • 117
  • 71
  • 16

מקור

מידע נוסף על רשת משנה כדי לגלות כמה מהמורכבות שבזכותה קשה להטמיע את תת-הרשת, צפו בסרטון הזה מ-BlinkOn 18.

מאפיין האינרציה של ה-HTML

מאפיין ה-HTML הגלובלי inert מאפשר לסמן קטעים בדף כקבועים. הפעולה הזו מונעת לחיצה ומוקד אירועים, ומסתירה את האלמנט ואת התוכן שלו מעץ הנגישות. זו אפשרות שימושית במקרה של תוכן ויזואלי, לדוגמה, שאינו מופיע במסך, ולכן צריך להיות לא פעיל גם לקוראי מסך.

תמיכה בדפדפן

  • 102
  • 102
  • 112
  • 15.5

מקור

ויש עוד

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