שוב ב-2023, כל ספקי הדפדפנים המובילים ובעלי עניין אחרים משתפים פעולה כדי לפתור את בעיות התאימות המובילות לדפדפנים.
ב-2023, כל ספקי הדפדפנים המובילים ובעלי עניין אחרים יעבדו שוב יחד כדי לפתור את בעיות התאימות המובילות של הדפדפנים. המאמץ התחיל בהיקף הזה במהלך פעולות ההדדיות ב-2022. בפוסט של סוף השנה תוכלו לקרוא מה השגנו ביחד. כל המעורבים מאמינים שהשינוי הזה יעזור לשפר את החוויה של מפתחי אתרים בכל מקום. השנה, בפעם הראשונה, הודענו באופן ציבורי על תהליך ההצעה וקיבלנו הרבה הצעות נהדרות מ-frameworks, מחברות גדולות, מספקי דפדפנים וממפתחים בכל מקום.
תחומי המיקוד של יכולת הפעולה ההדדית בשנת 2023
הפעם יש לנו לא פחות מ-26 תחומים למיקוד, המפורטים במסמך הפרויקט שלנו. הם בסדר אלפביתי:
- תמונת גבול ב-CSS
- מרווחי צבעים ופונקציות ב-CSS
- שאילתות על קונטיינרים ב-CSS
- הכללה ב-CSS
- פסאודו-סיווג של שירותי CSS
- נכסים בהתאמה אישית ב-CSS
- Flexbox
- זיהוי תכונות של גופנים ולוחות צבעים
- טפסים
- רשת
- :has()
- אינרטי
- אנונימיזציה ב-CSS
- פונקציות מתמטיות ב-CSS
- שאילתות מדיה
- מודולים ב-Web Workers
- נתיב תנועה באנימציות של CSS
- לוח הציור מחוץ למסך
- אירועים של מצביע ועכבר
- כתובת URL
- תחרות באינטרנט לשנת 2023: אזור מרכזי להתמקדות בבאגים קטנים שגורמים לבעיות ידועות בתאימות של האתר
- רכיבי קודק באינטרנט (סרטון)
- רכיבי אינטרנט
אפשר למצוא פרטים מלאים על כל תחומי ההתמקדות בבדיקות פלטפורמת האינטרנט על סמך MDN Web Docs, אבל הנה כמה דברים שעשויים לעניין אתכם.
שאילתות על כלי קיבול
שאילתות של קונטיינרים היו הבקשה המובילה ממפתחים במשך שנים רבות, ובשנת 2022 הן נשלחו על ידי Chrome ו-Safari. Firefox מצפה לשלוח שאילתות של קונטיינרים ב-Firefox 110, והבדיקות של אזור ההתמקדות הזה עוזרות להבטיח ששאילתות של קונטיינרים פועלות בצורה אמינה בדפדפנים שונים ובהתאם למפרט.
:has(...)
כבר הרבה זמן מפתחים מבקשים בורר הורה ב-CSS. פסאודו-מחלקה :has() מאפשרת הרבה מתרחישים לדוגמה של בוררי הורה, וגם בחירה של רכיב אח קודם ביחס לאלמנט הפניה. לדוגמה, כך אפשר לעצב דמות עם כיתוב שונה מזו שאין לה כיתוב. מידע נוסף על תרחישים לדוגמה עבור has() זמין ב-:has(), הבורר המשפחתי.
מאפיינים מותאמים אישית
מאפיינים מותאמים אישית של CSS, שידועים גם כמשתני CSS, מאפשרים להגדיר ערך פעם אחת בגיליון סגנונות ולהשתמש בו שוב במקומות רבים, תוך צמצום מספר החזרות. לדוגמה, ניתן להגדיר צבע או גודל גופן נפוצים פעם אחת בגיליון סגנונות ולהשתמש בהם בכל הרכיבים. תמיכה בסיסית במאפיינים מותאמים אישית קיימת בדפדפנים כבר הרבה זמן. פעילות הדדית של שנת 2023 מתמקדת ב-@property בכלל. @property מייצג רישום מאפיין מותאם אישית בגיליון סגנונות, המאפשר בדיקה של סוג הנכס, הגדרת ערכי ברירת מחדל וקביעה אם הנכס יקבל בירושה ערכים. מידע נוסף זמין במאמר @property: הענקת כוחות-על למשתני CSS.
אנונימיזציה של CSS
אנונימיזציה של שירותי CSS מספקת שיטות להחלת אפקטים של תמונות, כמו שאפשר לראות באפליקציה של גרפיקה, באמצעות CSS. התמיכה במאפייני התממה השונים היא מקוטעת, כך שקשה יותר להשתמש באנונימיזציה ממה שאמור להיות. אזור ההתמקדות הזה יעזור למפתחים להשתמש בביטחון באפקטים יצירתיים בדפדפנים שונים. מידע נוסף על הוספת אפקטים לתמונות זמין במאמר הזה על אנונימיזציה של תמונות.
OffscreenCanvas
האלמנט <canvas> ו-Canvas API מספקים דרך שניתן לקרוא לשרטוט גרפיקה במסך. עם זאת, הדבר עלול לגרום לבעיות בביצועים מכיוון שהעבודה מתבצעת באותו שרשור כמו האינטראקציה של המשתמש. OffscreenCanvas מציעה למפתחים סביבת הדפסה על קנבס שמופרדת מה-DOM ומה-Canvas API. מפתחים יכולים גם להריץ משימות רינדור ב-Web Worker, בנפרד מה-thread הראשי. מידע נוסף על יתרונות הביצועים של OffscreenCanvas.
אירועי מצביע ועכבר
אירועי מצביע מופעלים כשמתבצעת אינטראקציה עם דף באמצעות עכבר, עט, סטיילוס או מסך מגע. אירועי עכבר מופעלים בעת שימוש בעכבר, אך מסיבות היסטוריות גם במגע. אזור ההתמקדות הזה עוסק בהתנהגות של אינטראקציה עם מצביע העכבר ואינטראקציה של עכבר עם דפים, כולל האינטראקציה שלהם עם אזורי בדיקת ההיטים וגלילה. אזור ההתמקדות של שנת 2023 לא כולל מגע וסטיילוס, כי אין באזור הזה בדיקות של פלטפורמת האינטרנט.
WebCodecs
WebCodecs API מספק למפתחים שיטות גישה לפריימים נפרדים של וידאו ולמקטעי אודיו. היא מציעה גישה לרכיבי קודק שכבר זמינים בדפדפן, וממשקים שונים לביצוע פעולות איתם. במאמר בנושא עיבוד וידאו באמצעות WebCodecs מוסבר איך להשתמש ב-API כדי לפענח ולעבד פריימים ספציפיים ללוח הציור.
רכיבי אינטרנט
רכיבי אינטרנט הוא מונח כולל למספר טכנולוגיות המשמשות ליצירת רכיבים לשימוש חוזר, כמו 'רכיבים מותאמים אישית' ו-DOM של צל. שיתוף הפעולה ההדדית בשנת 2023 יתמקד בשיפור יכולת הפעולה ההדדית של הטכנולוגיות הבסיסיות האלה.
מרכז הבקרה
לעקוב אחר ההתקדמות במהלך השנה במרכז הבקרה של פעולות הדדיות לשנת 2023, שבו תוכלו לראות את הציונים הנוכחיים ואת הסטטוס של הטיפול בתחומי המיקוד האלה בכל מנועי הדפדפנים העיקריים.
הציונים באזור ההתמקדות מחושבים על סמך שיעורי ההצלחה במבחן. אם יש לך משוב או שברצונך לשפר את WPT, אפשר להגיש בקשה לעדכון קבוצת הבדיקות שמשמשות לקביעת הציון.
