發布日期：2026 年 2 月 12 日
我們很高興宣布推出 Interop 2026，這項計畫旨在提升網頁平台主要功能在各瀏覽器之間的互通性。Interop 2026 由來自瀏覽器算繪引擎主要貢獻公司的代表團隊 (包括 Apple、Google、Igalia、Microsoft 和 Mozilla) 負責執行，著重於網路開發人員和使用者優先使用的功能。
與先前的 Interop 計畫一致，系統會持續在自動化測試基礎架構上執行所選測試，並在 Interop 2026 資訊主頁上顯示通過率。
重點領域
2026 年的重點領域包括在「HTML 狀態」和「CSS 狀態」調查中，被視為頂尖互通性問題的幾個領域。我們會在 webstatus.dev 上追蹤這些問題。 今年推出的許多功能，也出現在開發人員信號存放區中，最常要求解決的 20 個問題中。
錨定位置
顯示位置：頂層互通性問題、開發人員信號 錨點位置
錨點定位功能可讓您根據其他元素的位置放置元素，例如將工具提示放在所參照內容的旁邊。這個重點領域延續了 2025 年的互通性計畫，且只包含 2025 年的測試。
容器樣式查詢
顯示位置：頂端互通性問題、開發人員信號 container style queries
容器樣式查詢會根據容器自訂屬性的計算值，使用 @container at 規則和一或多個 style() 函式，將樣式套用至元素。
對話方塊和彈出式視窗
顯示位置：頂尖互通性問題、開發人員信號 closedby、hint
在 Interop 2026 中，<dialog> 元素和 Popover API 的工作重點如下：
<dialog closedby>屬性，用於設定會關閉對話方塊的使用者動作 (例如點擊對話方塊外部)。:openCSS 虛擬類別，可比對具有開啟狀態的元素。popover="hint"全域屬性，可建立從屬於其他自動彈出式視窗的彈出式視窗，適用於工具提示。
捲動驅動動畫
顯示位置：「主要互通性問題」
包括 animation-timeline、scroll-timeline 和 view-timeline CSS 屬性，可根據使用者的捲動位置推進動畫。
查看轉移作業
顯示位置：頂尖互通性問題、開發人員信號 跨文件檢視區塊轉場效果
Interop 2025 將同文件檢視區塊轉換功能帶入 Baseline Newly available。Interop 2026 的檢視區塊轉場效果工作重點如下：
- 改善同文件檢視區塊轉場效果。
<link>、<script>和<style>的blocking="render"屬性。<link rel="expect">屬性。:active-view-transition-type()CSS 虛擬類別。- 跨文件檢視區塊轉場效果。
attr() CSS 函式
顯示在開發人員信號中 attr()
attr() CSS 函式會傳回 HTML 元素的屬性值，並可選擇以特定型別或特定單位傳回該值。
除了您在問卷調查中強調的這些重要功能外，Interop 2026 還包括：
contrast-color() CSS 函式
contrast-color() CSS 函式會選取與指定前景或背景顏色保證對比的顏色。
自訂精選內容
自訂醒目顯示功能可讓您設定任意文字範圍的樣式，不必在 DOM 中新增額外元素。
擷取上傳內容和範圍
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 CSS 虛擬類別，可根據 <audio> 和 <video> 元素狀態進行比對。
Navigation API
今年，我們將持續改善 Navigation API 的互通性，並著重於 precommitHandler 選項，該選項會navigateEvent.intercept()，將提交作業延後至處理常式解決問題為止。
範圍內的自訂元素登錄
CustomElementRegistry() 建構函式會建立與全域不同的新自訂元素登錄項目，讓多個具有相同標記名稱的自訂元素共存。
捲動貼齊
本主題涵蓋 CSS 捲動快照，可控制捲動容器內的平移和捲動行為。
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，該 API 會使用 HTTP/3 通訊協定在用戶端和伺服器之間傳輸資料。
zoom CSS 屬性
延續 Interop 2025，這個領域的重點是 zoom CSS 屬性，可縮放元素大小並影響網頁版面配置。
調查工作
Interop 2026 也包含調查工作，為日後的測試和互通性工作準備未來功能：
- 無障礙測試：致力於在各個瀏覽器中產生一致的無障礙樹狀結構，並改善 WPT 基礎架構。
- JPEG XL：著重於讓 JPEG XL 圖片格式可供測試，包括定義漸進式算繪的規定。
- 行動裝置測試：改善 WPT 基礎架構，測試行動裝置專用功能，例如動態檢視區塊變更。
- WebVTT：修正測試並更新說明文件，以利瞭解標準一致性。
追蹤 2026 年的進展
請在 Interop 2026 資訊主頁上追蹤專案進度。