בעקבות ההצלחה של Interop 2022 ו-Interop 2023, אנחנו שמחים על ההזדמנות לשתף פעולה שוב עם כל ספקי הדפדפנים העיקריים ועם בעלי עניין רלוונטיים אחרים. המטרה המשותפת שלנו היא לשפר את יכולת הפעולה ההדדית בין פלטפורמות אינטרנט, ובכך מפשטים את עבודת המפתחים ומעשירים את החוויה הכוללת עבור משתמשי האינטרנט.
פעולה הדדית, שעומדת בבסיסה, היא סדרה מקיפה של בדיקות ונקודות השוואה שנועדו להעריך את התאימות של דפדפנים נפרדים, בהתאם למחויבות המשותפת שלנו לתקני אינטרנט. בסופו של דבר, המטרה של יכולת פעולה הדדית היא למנוע חוסר עקביות בין דפדפנים ולפתח חזון מאוחד בתחום.
במהלך שנת 2024 של יכולת פעולה הדדית, היה תהליך הצעה ציבורי שמאפשר למערכת ליצור את רשימת התכונות הראשונית. מהרשימה הזו, כל הצדדים עבדו יחד כדי ליצור את רשימת תחומי ההתמקדות לשנת 2024. הרשימה הבאה כוללת את התחומים שבהם אנחנו מקווים ש-100% מהבדיקות שנבחרו יעברו עד סוף השנה.
כל תחומי ההתמקדות לשנת 2024
פעילות הדדית בשנת 2024 כוללת 12 תחומים חדשים שבהם מתמקדים, ועוד 5 שהועברו מ-2023, שעדיין יש לבצע תיקונים מסוימים. האזורים הם:
- נגישות
- Nesting CSS
- מאפיינים מותאמים אישית
- DOM הצהרתי של Shadow
- font-size-adjust
- כתובות URL מסוג HTTPS ל-WebSocket
- IndexedDB
- פריסה
- אירועים של מצביע ועכבר
- חלון קופץ
- תחביר של צבע יחסי
- requestVideoFrameCallback
- עיצוב סרגל הגלילה
- @start-style and מעבר-התנהגות
- כיווניות הטקסט
- text-wrap: יתרה
- כתובת URL
במרכז הבקרה של Interop 2024 אפשר לראות פרטים על כל האזורים שמתמקדים בהם. שבו מוצגים הפרטים של התכונות והשימושים שנדרשים, לצד התוצאות הנוכחיות של כל דפדפן. בהמשך המאמר הזה, תוכלו לקבל מידע על כמה מהתחומים שבהם Chrome צריך להשקיע את מירב העבודה כדי להגיע ל-100%.
מקונן
הצבת שירותי CSS מגדיר תחביר לסלקטורים בקינון. לספק את היכולת להציב כלל סגנון אחד בתוך כלל סגנון אחר, באמצעות הבורר של כלל הצאצא ביחס לבורר של כלל ההורה.
קינון CSS שונה ממעבדי-מעבדים מקדימים של CSS כגון Sass בכך שהוא מנתח אותו על ידי הדפדפן, ולא עבר הידור מראש על ידי מעבד CSS מראש.
הצבה של CSS עוזרת לשפר את הקריאוּת, המודולריות והתחזוקה של גיליונות סגנונות של CSS. הוא גם יכול לעזור להקטין את הגודל של קובצי ה-CSS, ובכך להפחית את כמות הנתונים שמשתמשים מורידים.
כל הדפדפנים תומכים בקינון CSS, יש כמה הבדלים בהטמעות בגלל שינויים במפרט. במהלך שנת 2024, המטרה היא לוודא שכל הדפדפנים עומדים בדרישות של המפרט הנוכחי.
למידע נוסף על קינון CSS ולגלות עדכון מרכזי במפרט שמאפשר הצבת שמות תגים בסיסיים של רכיבים.
text-wrap: יתרה
ערך היתרה של גלישת טקסט של CSS מציין לדפדפן שרוצים שהוא יאזן את שורות הטקסט. בדרך כלל משתמשים בו בכותרות או בקטעי טקסט קצרים אחרים כדי להימנע מאלפים טיפוגרפיים.
![כותרת שמתפרסת על שתי שורות, עם שתי מילים בשורה השנייה.](https://web.dev/static/blog/interop-2024/image/unbalanced.png?authuser=5&hl=he)
![כותרת שמתפרסת על שתי שורות, כשכל שורה זהה.](https://web.dev/static/blog/interop-2024/image/balanced.png?authuser=5&hl=he)
יש הבדלים בין הדפדפנים מבחינת התמיכה בגרסאות השונות של הנכס הזה בגרסה הארוכה ובקיצור. במהלך שנת 2024, המטרה שלנו היא לאפשר יכולת פעולה הדדית.
איזון של כותרות וקטעי טקסט קצרים אחרים הוא תכונה שמפתחים מבקשים לעיתים קרובות, תוכלו לקבל מידע נוסף בנושא בקטע גלישת טקסט ב-CSS: יתרה, הפוסט סוף לאלמנים טיפוגרפיות באינטרנט, או איזון טקסט בשירותי CSS עם גלישת טקסט: יתרה.
כתובות URL של HTTP עבור WebSocket
במקור ה-constructor של WebSocket ביקש כתובות URL מסוג ws:
ו-wss:
,
למניעת השימוש בכתובות URL יחסיות ובקוד לעקיפת הבעיה.
המפרט עודכן כדי לאפשר סכמות של http או כתובות URL, ולכן גם כתובות URL יחסיות.
הערכים האלה מנורמלים לערכי ws:
ו-wss:
.
במהלך הפעילות ההדדית ב-2024, נעדכן את ההטמעה שלנו כך שתתמוך בסכמות של http(s).
תחביר של צבע יחסי
תחביר צבע יחסי מוגדר המפרט של CSS Color 5, ומספק דרך לשנות את הצבעים ב-CSS. לדוגמה: להכהות, להבהיר או להפחית את הרוויה של צבע.
תחביר צבע יחסי יכול להיות בעל יכולת פעולה הדדית יחסית,
אבל הדפדפנים לא הוטמעו במילת המפתח currentcolor
.
הבדיקות האלה נכללות ב-Interop 2024.
מידע על כל מה שאפשר לעשות עם התכונה הזו ב תחביר צבע יחסי של CSS.
מרכז הבקרה לפעילות הדדית לשנת 2024
כמו בשנים קודמות, הציונים הנוכחיים עבור גרסאות דפדפן ניסיוניות ויציבות יתפרסמו מרכז הבקרה, כדי לראות את השינויים בציונים.
![צילום מסך של לוח הבקרה עם הציונים – פעולה הדדית: 65, חקירות: 0, Chrome Canary: 83, Edge Dev: 82, Firefox Nightly: 80, Safari Technology Preview: 79.](https://web.dev/static/blog/interop-2024/image/interop-2024-dashboard.png?authuser=5&hl=he)
אנחנו מצפים בקוצר רוח לראות כמה אפשר להשתפר בכל התחומים שהושקעו השנה.