בעקבות ההצלחה של Interop 2022 ו-Interop 2023, אנחנו שמחים על ההזדמנות לשתף פעולה שוב עם כל ספקי הדפדפנים העיקריים ובעלי עניין רלוונטיים אחרים. המטרה המשותפת שלנו היא לשפר את יכולת הפעולה ההדדית בין פלטפורמות אינטרנט, ובכך לפשט את העבודה של המפתחים ולהעשיר את החוויה הכוללת של משתמשי האינטרנט.
התכונה 'שיתוף וסנכרון' היא סדרה מקיפה של בדיקות ונקודות השוואה שנועדו להעריך את התאימות של דפדפנים נפרדים בהתבסס על המחויבות המשותפת שלנו לתקני אינטרנט. בסופו של דבר, השאיפה של Interop היא למנוע חוסר עקביות בין דפדפנים וליצור חזון מאוחד בתחום.
במסגרת האינטראקציה ההדדית ב-2024, היה תהליך הצעה גלוי לכולם שמאפשר לקבל את רשימת התכונות הראשונית. מתוך הרשימה הזו, כל הצדדים עבדו יחד כדי ליצור את הרשימה של תחומי ההתמקדות לשנת 2024. ברשימה הבאה מפורטים התחומים שבהם אנחנו מקווים ש-100% מהבחינות שנבחרו יעברו עד סוף השנה.
כל התחומים שמעניינים אותך ב-2024
שיתוף הפעולה ההדדית של 2024 כולל 12 אזורים חדשים למיקוד, ו-5 שהועברו משנת 2023, ועדיין יש תיקונים מסוימים. התחומים הם:
- נגישות
- קינון CSS
- מאפיינים מותאמים אישית
- DOM של צל הצהרתי
- font-size-adjust
- כתובות URL מסוג HTTPS ל-WebSocket
- IndexedDB
- פריסה
- אירועים של מצביע ועכבר
- חלון קופץ
- תחביר צבע יחסי
- requestVideoFrameCallback
- עיצוב סרגל הגלילה
- @starting-style andtransit-behavior
- כיוון הטקסט
- גלישת טקסט: איזון
- כתובת URL
כדי לראות פרטים על כל התחומים שדורשים התמקדות, תוכלו להיכנס למרכז הבקרה של יכולת הפעולה ההדדית לשנת 2024, שבו מוצגים פרטים על התכונות ועל הפעולות הנדרשות, לצד הציונים הנוכחיים בכל דפדפן. בהמשך המאמר תוכלו לקרוא על כמה מהאזורים שבהם Chrome צריך לעשות את רוב העבודה כדי להגיע ל-100%.
מקונן
המודול CSS של קינון מגדיר תחביר לקינון סלקטורים, וכך אפשר להציב כלל סגנון אחד בתוך כלל אחר, עם הבורר של כלל הצאצא ביחס לבורר של כלל ההורה.
קינון CSS שונה ממעבדי CSS מראש, כמו Sass, בכך שהוא מנתח על ידי הדפדפן ולא עובר הידור מראש על ידי מעבד מידע מראש של CSS.
קינון CSS עוזר לשפר את הקריאות, המודולריות והתחזוקה של גיליונות סגנונות CSS. הוא גם יכול לעזור להקטין את קובצי ה-CSS ולצמצם את כמות הנתונים שהמשתמשים הורידו.
אף על פי שכל הדפדפנים תומכים ב-CSS Nesting, יש כמה הבדלים בהטמעות בגלל שינויים במפרט. במהלך פעולות הדדיות לשנת 2024, המטרה היא לוודא שכל הדפדפנים עומדים בדרישות המפרט הנוכחי.
מידע נוסף על CSS Nesting ועדכון מרכזי במפרט שמאפשר להציב שמות של תגי רכיבים חשופים.
גלישת טקסט: איזון
ערך היתרה של מאפיין text-wrap ב-CSS מציין לדפדפן שאתם רוצים לאזן בין שורות הטקסט. משתמשים בו בדרך כלל בכותרות או בקטעי טקסט קצרים אחרים כדי להימנע מאלנות טיפוגרפיות.
הדפדפנים שונים בתמיכה שלהם בגרסאות לטווח ארוך וקצר של הנכס הזה. במהלך שיתוף הפעולה ההדדית ב-2024, המטרה שלנו היא לאפשר יכולת פעולה הדדית.
איזון בין כותרות וקטעי טקסט קצרים אחרים הוא תכונה שמפתחים מבקשים לעיתים קרובות. תוכלו לקרוא מידע נוסף על כך בקטע CSS text-wrap: Balance, בפוסט סוף לאלמנות טיפוגרפיות באינטרנט, או איזון טקסט ב-CSS עם גלישת טקסט: יתרה.
כתובות URL מסוג HTTP ב-WebSocket
במקור, בנאי WebSocket דרש כתובות URL מסוג ws: ו-wss:, וכך מנעו שימוש בכתובות URL יחסיות והיו לו קוד לעקוף את הבעיה.
המפרט עודכן כדי לאפשר סכימות http, ולכן גם כתובות URL יחסיות.
מנורמלים ל-ws: ול-wss:.
במהלך פעולות ההדדיות ב-2024, נעדכן את ההטמעה כך שתתמוך בסכמות http.
תחביר צבע יחסי
תחביר צבע יחסי מוגדר במפרט CSS של צבע 5, ומספק דרך לשנות צבעים ב-CSS. לדוגמה, אפשר להכהות, להבהיר או להפחית את הרוויה של צבע.
לרוב, אפשר לבצע פעולה הדדית בתחביר יחסית של הצבע, אבל דפדפנים לא הטמיעו את מילת המפתח currentcolor. הבדיקות האלה כלולות בפעולה הדדית משנת 2024.
במאמר תחביר צבעים יחסי של CSS מופיע מידע נוסף על כל הפעולות שאפשר לבצע בעזרת התכונה הזו.
מרכז הבקרה של Interop 2024
כמו בשנים קודמות, הציונים הנוכחיים של הגרסאות הניסיוניות והיציבות של הדפדפנים יתפרסמו בלוח הבקרה, כך שתוכלו לראות את התקדמות הציון.
אנחנו מצפים בקוצר רוח לראות עד כמה אפשר להשתפר השנה בכל תחומי ההתמקדות.