पब्लिश होने की तारीख: 12 फ़रवरी, 2026
हमें यह बताते हुए खुशी हो रही है कि हम Interop 2026 लॉन्च कर रहे हैं. इसका मकसद, वेब प्लैटफ़ॉर्म की मुख्य सुविधाओं को अलग-अलग ब्राउज़र पर एक साथ काम करने में मदद करना है. इसे ब्राउज़र रेंडरिंग इंजन में अहम योगदान देने वाली कंपनियों के प्रतिनिधियों की एक टीम मैनेज करती है. इनमें Apple, Google, Igalia, Microsoft, और Mozilla शामिल हैं. Interop 2026 में, उन सुविधाओं पर फ़ोकस किया जाता है जो वेब डेवलपर और आम उपयोगकर्ताओं के लिए सबसे ज़्यादा ज़रूरी हैं.
इंटरऑपरेबिलिटी को बेहतर बनाने के लिए पहले किए गए प्रयासों की तरह ही, चुने गए टेस्ट को ऑटोमेटेड टेस्टिंग इन्फ़्रास्ट्रक्चर पर लगातार चलाया जाएगा. साथ ही, पास होने की दरें Interop 2026 के डैशबोर्ड पर दिखाई जाएंगी.
फ़ोकस एरिया
साल 2026 के लिए, फ़ोकस करने वाले क्षेत्रों में कई ऐसे क्षेत्र शामिल हैं जिन्हें State of HTML और State of CSS सर्वे में, इंटरऑपरेबिलिटी से जुड़ी सबसे बड़ी समस्याओं के तौर पर पहचाना गया है. हम इन समस्याओं को webstatus.dev पर ट्रैक करते हैं. इस साल शामिल की गई कई सुविधाएं, डेवलपर सिग्नल रिपॉज़िटरी में, सबसे ज़्यादा अनुरोध की गई 20 समस्याओं में भी शामिल हैं.
ऐंकर की पोज़िशनिंग
इनमें दिखता है: इंटरऑप से जुड़ी सबसे बड़ी समस्याएं, डेवलपर सिग्नल ऐंकर पोज़िशनिंग
ऐंकर पोज़िशनिंग की मदद से, किसी एलिमेंट को दूसरे एलिमेंट की पोज़िशन के आधार पर रखा जा सकता है. जैसे, टूलटिप को उस कॉन्टेंट के बगल में रखना जिसे वह रेफ़रंस करता है. यह फ़ोकस एरिया, Interop 2025 से लिया गया है. इसमें सिर्फ़ 2025 के टेस्ट शामिल हैं.
कंटेनर स्टाइल क्वेरी
इनमें दिखता है: इंटरऑपरेबिलिटी से जुड़ी मुख्य समस्याएं, डेवलपर सिग्नल कंटेनर स्टाइल क्वेरी
कंटेनर स्टाइल क्वेरी, किसी एलिमेंट पर स्टाइल लागू करती हैं. ये स्टाइल, कंटेनर की कस्टम प्रॉपर्टी की कैलकुलेट की गई वैल्यू के आधार पर लागू होती हैं. इसके लिए, एक या उससे ज़्यादा style() फ़ंक्शन के साथ @container ऐट-रूल का इस्तेमाल किया जाता है.
डायलॉग और पॉपओवर
इनमें दिखता है: इंटरऑपरेबिलिटी से जुड़ी मुख्य समस्याएं, डेवलपर सिग्नल closedby, hint
Interop 2026 के लिए, <dialog> एलिमेंट और Popover API पर काम करने का फ़ोकस इन पर है:
<dialog closedby>एट्रिब्यूट, उपयोगकर्ता की उन कार्रवाइयों को सेट करता है जिनसे डायलॉग बंद हो जाता है. उदाहरण के लिए, डायलॉग के बाहर क्लिक करना.:openसीएसएस सूडो-क्लास, जो उन एलिमेंट से मेल खाती है जिनकी स्थितियां खुली हैं.popover="hint"ग्लोबल एट्रिब्यूट. यह अन्य ऑटो पॉपओवर के नीचे एक पॉपओवर बनाता है. यह टूलटिप के लिए काम का होता है.
स्क्रोल करने पर दिखने वाले ऐनिमेशन
यह समस्या यहां दिखती है: इंटरऑपरेबिलिटी से जुड़ी मुख्य समस्याएं
इनमें animation-timeline, scroll-timeline, और view-timeline सीएसएस प्रॉपर्टी शामिल हैं. ये प्रॉपर्टी, उपयोगकर्ता की स्क्रोल पोज़िशन के आधार पर ऐनिमेशन को बेहतर बनाती हैं.
ट्रांज़िशन देखना
इनमें दिखता है: इंटरऑपरेबिलिटी से जुड़ी सबसे बड़ी समस्याएं, डेवलपर सिग्नल क्रॉस-डॉक्यूमेंट व्यू ट्रांज़िशन
Interop 2025 में, एक ही दस्तावेज़ में व्यू ट्रांज़िशन की सुविधा को Baseline Newly available में शामिल किया गया है. Interop 2026 के लिए, व्यू ट्रांज़िशन की सुविधा इन पर फ़ोकस करती है:
- एक ही दस्तावेज़ में व्यू ट्रांज़िशन को बेहतर बनाया जा रहा है.
<link>,<script>, और<style>के लिएblocking="render"एट्रिब्यूट.<link rel="expect">एट्रिब्यूट.:active-view-transition-type()सीएसएस सूडो-क्लास.- एक दस्तावेज़ से दूसरे दस्तावेज़ पर व्यू ट्रांज़िशन.
attr() सीएसएस फ़ंक्शन
डेवलपर सिग्नल attr() में दिखता है
attr() सीएसएस फ़ंक्शन, एचटीएमएल एलिमेंट के किसी एट्रिब्यूट की वैल्यू दिखाता है. साथ ही, इस वैल्यू को किसी खास टाइप या यूनिट के तौर पर दिखाने का विकल्प भी देता है.
सर्वे में हाइलाइट की गई इन मुख्य सुविधाओं के साथ-साथ, Interop 2026 में ये सुविधाएं भी शामिल हैं:
contrast-color() सीएसएस फ़ंक्शन
contrast-color() सीएसएस फ़ंक्शन, ऐसा रंग चुनता है जो तय किए गए फ़ोरग्राउंड या बैकग्राउंड रंग के हिसाब से कंट्रास्ट में हो.
कस्टम हाइलाइट
कस्टम हाइलाइट की मदद से, डीओएम में अतिरिक्त एलिमेंट जोड़े बिना टेक्स्ट की किसी भी रेंज को स्टाइल किया जा सकता है.
अपलोड और रेंज पाना
fetch() तरीके में, सर्वर को डेटा स्ट्रीम करने के लिए मुख्य रूप से ReadableStream पर फ़ोकस किया जाता है. यह अनुरोधों और जवाबों के लिए, FormData और मीडिया टाइप के साथ-साथ Range हेडर के साथ काम करता है.
IndexedDB
IndexedDB के फ़ोकस एरिया में, IDBObjectStore और IDBIndex के getAllRecords() तरीकों को टारगेट किया जाता है. ये तरीके, बड़े डेटासेट पर रीड ऑपरेशन को तेज़ करते हैं. ऐसा इसलिए, क्योंकि ये रिकॉर्ड और उनकी प्राइमरी कुंजियों को बैच में दिखाते हैं.
Wasm के लिए JSPI
JavaScript Promise Integration API (JSPI) की मदद से, Wasm ऐप्लिकेशन को बाहरी फ़ंक्शन के साथ सिंक्रोनस तरीके से काम करने की सुविधा मिलती है. इससे, ऐसे ऐप्लिकेशन को उस एनवायरमेंट में काम करने में मदद मिलती है जहां बाहरी फ़ंक्शन एसिंक्रोनस तरीके से काम करते हैं.
मीडिया स्यूडो-क्लास
इस सेक्शन में :playing, :paused, :seeking, :buffering, :stalled, :muted, और :volume-locked सीएसएस सूडो-क्लास शामिल हैं. ये <audio> और <video> एलिमेंट की स्थिति के आधार पर उनसे मैच करती हैं.
Navigation API
इस साल, Navigation API की इंटरऑपरेबिलिटी को बेहतर बनाने पर काम किया जाएगा. साथ ही, precommitHandler विकल्प को navigateEvent.intercept() करने पर काम किया जाएगा. इससे, हैंडलर के समस्या हल करने तक कमिट को टाला जा सकता है.
स्कोप की गई कस्टम एलिमेंट रजिस्ट्री
CustomElementRegistry() कंस्ट्रक्टर, ग्लोबल कस्टम एलिमेंट रजिस्ट्री से अलग एक नई कस्टम एलिमेंट रजिस्ट्री बनाता है. इससे एक ही टैग नेम वाले कई कस्टम एलिमेंट एक साथ मौजूद हो सकते हैं.
स्क्रोल स्नैप
इस फ़ोकस एरिया में सीएसएस स्क्रोल स्नैप शामिल है. यह स्क्रोल कंटेनर में पैनिंग और स्क्रोलिंग के तरीके को कंट्रोल करता है.
shape() सीएसएस फ़ंक्शन
shape() सीएसएस फ़ंक्शन, लाइन, मूव, और कर्व जैसी कमांड का इस्तेमाल करके शेप बनाता है. इसका इस्तेमाल clip-path और shape-outside के साथ किया जा सकता है.
वेब कंपैट
इस सेक्शन में, इंटरऑपरेबिलिटी से जुड़ी उन समस्याओं को टारगेट किया जाता है जिनकी वजह से असल दुनिया में समस्याएं होती हैं. इनमें ये समस्याएं शामिल हैं:
- ESM मॉड्यूल लोड हो रहा है.
- ऐनिमेशन इवेंट के हिसाब से स्क्रोल इवेंट का समय.
-webkit-user-selectप्रॉपर्टी से प्रीफ़िक्स हटाना.
WebRTC
Interop 2026 के लिए, Interop 2025 के फ़ोकस एरिया में शामिल उन टेस्ट को ठीक करने पर काम किया जा रहा है जो अब भी पास नहीं हुए हैं. साथ ही, WebRTC इंटरऑपरेबिलिटी को बेहतर बनाने का काम जारी है.
WebTransport API
इस सेक्शन में WebTransport API के बारे में बताया गया है. यह एचटीटीपी/3 प्रोटोकॉल का इस्तेमाल करके, क्लाइंट और सर्वर के बीच डेटा ट्रांसमिट करता है.
zoom सीएसएस प्रॉपर्टी
Interop 2025 के बाद, इस क्षेत्र में zoom सीएसएस प्रॉपर्टी पर फ़ोकस किया गया है. यह प्रॉपर्टी, किसी एलिमेंट के साइज़ को स्केल करती है और पेज लेआउट पर असर डालती है.
जांच के लिए किए गए प्रयास
Interop 2026 में, आने वाले समय में उपलब्ध होने वाली सुविधाओं को टेस्ट करने और इंटरऑपरेबिलिटी से जुड़े काम के लिए तैयार करने से जुड़ी जांच भी शामिल है:
- सुलभता की जांच: हम अलग-अलग ब्राउज़र पर एक जैसे सुलभता ट्री जनरेट करने और WPT इन्फ़्रास्ट्रक्चर को बेहतर बनाने पर काम कर रहे हैं.
- JPEG XL: JPEG XL इमेज फ़ॉर्मैट की जांच करने पर फ़ोकस किया जा रहा है. इसमें प्रोग्रेसिव रेंडरिंग के लिए ज़रूरी शर्तें तय करना भी शामिल है.
- मोबाइल टेस्टिंग: मोबाइल के लिए खास तौर पर उपलब्ध सुविधाओं की जांच करने के लिए, WPT के इन्फ़्रास्ट्रक्चर को बेहतर बनाना. जैसे, डाइनैमिक व्यूपोर्ट में बदलाव.
- WebVTT: स्टैंडर्ड के मुताबिक काम करने की सुविधा को बेहतर तरीके से समझने के लिए, टेस्ट से जुड़ी समस्याओं को ठीक किया जा रहा है और दस्तावेज़ को अपडेट किया जा रहा है.
2026 तक की प्रोग्रेस को ट्रैक करना
Interop 2026 के डैशबोर्ड पर जाकर, प्रोजेक्ट के बारे में जानें.