תאריך פרסום: 12 בפברואר 2026
אנחנו שמחים להכריז על Interop 2026, מאמץ להגברת יכולת הפעולה ההדדית של תכונות מרכזיות בפלטפורמת האינטרנט בדפדפנים שונים. הפרויקט מנוהל על ידי צוות נציגים מחברות שתרמו תרומה משמעותית למנועי עיבוד של דפדפנים – כולל Apple, Google, Igalia, Microsoft ו-Mozilla. הפרויקט Interop 2026 מתמקד בתכונות שהן בעדיפות גבוהה למפתחי אתרים ולמשתמשי קצה.
בדומה למאמצי Interop קודמים, בדיקות נבחרות יופעלו באופן רציף בתשתית בדיקות אוטומטית, ושיעורי ההצלחה יוצגו בלוח הבקרה Interop 2026.
תחומי המיקוד
תחומי ההתמקדות לשנת 2026 כוללים כמה תחומים שזוהו כבעיות מובילות של פעולה הדדית בסקרים State of HTML ו-State of CSS. אנחנו עוקבים אחרי הבעיות האלה בכתובת webstatus.dev. רבות מהתכונות שנוספו השנה מופיעות גם ב-20 הבעיות הכי מבוקשות במאגר האותות למפתחים.
מיקום מודעות העוגן
מופיע ב: בעיות נפוצות שקשורות ליכולת פעולה הדדית, אותות למפתחים מיקום העוגן
מיקום העוגן מאפשר לכם למקם רכיב על סמך המיקום של רכיב אחר, למשל למקם תיאור קצר לצד התוכן שהוא מתייחס אליו. אזור ההתמקדות הזה הוא המשך של Interop 2025 וכולל רק את הבדיקות משנת 2025.
שאילתות בנוגע לסגנון של מאגר
מופיע ב: הבעיות המובילות בתאימות, אותות למפתחים שאילתות בסגנון מאגר תגים
שאילתות של סגנון מאגר מחילות סגנונות על רכיב על סמך הערכים המחושבים של מאפיינים מותאמים אישית של המאגר שלו, באמצעות כלל ה-at @container יחד עם פונקציה אחת או יותר של style().
תיבות דו-שיח וחלונות קופצים
מופיע ב: בעיות נפוצות בשיתוף וסנכרון יומנים, אותות למפתחים closedby, hint
במסגרת Interop 2026, העבודה על רכיב <dialog> ועל Popover API מתמקדת ב:
- המאפיין
<dialog closedby>, שקובע את פעולות המשתמש שסוגרות את תיבת הדו-שיח (לדוגמה, לחיצה מחוץ לתיבת הדו-שיח). - הפסאודו-קלאס
:openב-CSS, שתואם לאלמנטים עם מצבים פתוחים. - המאפיין
popover="hint"global, שיוצר חלון קופץ משני לחלונות קופצים אוטומטיים אחרים, שימושי להצגת טיפים.
אנימציות שמופעלות בגלילה
מופיע ב: הבעיות העיקריות בשיתוף וסנכרון יומנים
המאפיינים האלה כוללים את מאפייני ה-CSS animation-timeline, scroll-timeline ו-view-timeline, שמקדמים את האנימציות על סמך מיקום הגלילה של המשתמש.
הצגת המעברים
מופיע ב: בעיות נפוצות של פעולת הדדית, אותות למפתחים מעברים בין תצוגות במסמכים שונים
במסגרת Interop 2025, נוספה תמיכה במעברים בין תצוגות באותו מסמך ב-Baseline Newly available. במסגרת Interop 2026, העבודה על מעברי תצוגה מתמקדת ב:
- שיפור המעברים בין תצוגות באותו מסמך.
- המאפיין
blocking="render"עבור<link>,<script>ו-<style>. - המאפיין
<link rel="expect">. - פסאודו המחלקה
:active-view-transition-type()של CSS. - מעברים בין תצוגות של מסמכים שונים.
הפונקציה attr() CSS
מופיע באותות למפתחים attr()
הפונקציה attr() CSS מחזירה את הערך של מאפיין של רכיב HTML, עם אפשרות להחזיר את הערך הזה כסוג ספציפי או עם יחידה ספציפית.
בנוסף לתכונות המרכזיות האלה שציינתם בסקרים, Interop 2026 כולל:
הפונקציה contrast-color() CSS
הפונקציה contrast-color() CSS בוחרת צבע עם ניגודיות מובטחת לצבע חזית או רקע שצוין.
רגעים נבחרים בהתאמה אישית
הדגשות מותאמות אישית מאפשרות לכם להגדיר סגנון לטווחים שרירותיים של טקסט בלי להוסיף רכיבים נוספים ל-DOM.
אחזור העלאות וטווחים
העבודה על ה-method fetch() מתמקדת ב-ReadableStream בגוף כדי להזרים נתונים לשרת, תומכת ב-FormData ובסוגי מדיה לבקשות ולתגובות, ותומכת בכותרת Range.
IndexedDB
התחום של IndexedDB מתמקד בשיטות getAllRecords() של IDBObjectStore ושל IDBIndex. השיטות האלה מאיצות את פעולות הקריאה במערכי נתונים גדולים, כי הן מחזירות רשומות ואת המפתחות הראשיים שלהן בקבוצות.
JSPI for Wasm
ממשק ה-API של JavaScript Promise Integration (JSPI) מאפשר לאפליקציות Wasm שמצפות לגישה סינכרונית לפונקציונליות חיצונית, לפעול בסביבה שבה הפונקציונליות הזו היא אסינכרונית.
Media pseudo-classes
האזור הזה כולל את פסאודו-המחלקות של CSS :playing, :paused, :seeking, :buffering, :stalled, :muted ו-:volume-locked, שתואמות לרכיבים <audio> ו-<video> על סמך המצב שלהם.
Navigation API
השנה, העבודה תתמקד בהמשך השיפור של יכולת הפעולה ההדדית של Navigation API, ובאפשרות precommitHandler navigateEvent.intercept(), שדוחה את השמירה עד שרכיב handler יפתור את הבעיה.
רישומים של רכיבים מותאמים אישית בהיקף מסוים
הבונה CustomElementRegistry() יוצר רישום חדש של רכיבים בהתאמה אישית, בנפרד מהרישום הגלובלי, וכך מאפשר לרכיבים מותאמים אישית עם אותו שם תג להתקיים יחד.
הצמדת גלילה
תחום ההתמקדות הזה כולל את התכונה CSS scroll snap, ששולטת בהתנהגות של הזזה וגלילה בתוך מאגר גלילה.
הפונקציה shape() CSS
הפונקציה shape() CSS יוצרת צורות באמצעות פקודות כמו line, move ו-curve, ואפשר להשתמש בה עם clip-path ו-shape-outside.
תאימות לאינטרנט
האזור הזה מתמקד בבעיות ספציפיות של פעולה הדדית שגורמות לבעיות בעולם האמיתי, כולל:
- טעינת מודול ESM.
- התזמון של אירועי גלילה ביחס לאירועי אנימציה.
- הסרת הקידומת מהמאפיין
-webkit-user-select.
WebRTC
במסגרת Interop 2026, אנחנו מתמקדים בתיקון הבדיקות שנכשלו באזורי ההתמקדות של Interop 2025, וממשיכים לשפר את יכולת הפעולה ההדדית של WebRTC.
WebTransport API
הקטע הזה מתייחס ל-WebTransport API, שמעביר נתונים בין לקוח לשרת באמצעות פרוטוקול HTTP/3.
מאפיין ה-CSS zoom
בהמשך ל-Interop 2025, התחום הזה מתמקד במאפיין zoom CSS, שמשנה את הגודל של רכיב ומשפיע על פריסת הדף.
מאמצי חקירה
בנוסף, במסגרת Interop 2026 מתבצעות פעולות מחקר כדי להכין תכונות עתידיות לבדיקה ולפעולות שקשורות לתאימות.
- בדיקות נגישות: אנחנו פועלים ליצירת עצי נגישות עקביים בדפדפנים שונים ולשיפור התשתית של WPT.
- JPEG XL: התמקדות בהפיכת פורמט התמונה JPEG XL לפורמט שניתן לבדיקה, כולל הגדרת דרישות לעיבוד הדרגתי.
- בדיקות בנייד: שיפור התשתית של WPT כדי לבדוק תכונות ספציפיות לנייד, כמו שינויים דינמיים באזור התצוגה.
- WebVTT: תיקון בדיקות ועדכון תיעוד כדי לשפר את ההבנה של התאמה לתקנים.
מעקב אחר ההתקדמות עד 2026
אפשר לעקוב אחרי הפרויקט בלוח הבקרה של Interop 2026.