Interop 2026：继续为开发者改进 Web

Rachel Andrew

发布时间：2026 年 2 月 12 日

我们很高兴地宣布推出 Interop 2026，旨在提高 Web 平台关键功能在浏览器之间的互操作性。Interop 2026 由来自对浏览器渲染引擎做出重大贡献的公司的代表团队（包括 Apple、Google、Igalia、Microsoft 和 Mozilla）负责运营，重点关注对 Web 开发者和最终用户而言至关重要的功能。

与之前的互操作性工作保持一致，所选测试将在自动化测试基础架构上持续运行，通过率将显示在 Interop 2026 信息中心上。

重点领域

2026 年的重点领域包括在 HTML 现状和 CSS 现状调查中被确定为顶级互操作性问题的多个领域。我们会在 webstatus.dev 上跟踪这些问题。今年纳入的许多功能也出现在开发者信号代码库中排名前 20 的问题中。

锚点定位

显示在：热门互操作性问题、开发者信号 anchor 定位

借助锚定定位，您可以根据另一个元素的位置放置元素，例如将提示放置在它所引用的内容旁边。此重点领域延续自 Interop 2025，仅包含 2025 年的测试。

容器样式查询

出现于：热门互操作性问题、开发者信号 container style queries

容器样式查询使用 @container at 规则以及一个或多个 style() 函数，根据容器自定义属性的计算值将样式应用于元素。

对话框和弹出式窗口

显示在：热门互操作问题、开发者信号 closedby、提示

对于 Interop 2026，<dialog> 元素和 Popover API 的工作重点是：

  • <dialog closedby> 属性，用于设置关闭对话框的用户操作（例如，点击对话框外部）。
  • :open CSS 伪类，用于匹配具有打开状态的元素。
  • 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 集成 API (JSPI)，需要同步访问外部功能的 Wasm 应用可以在该功能为异步的环境中运行。

媒体伪类

此区域包含 :playing、:paused、:seeking、:buffering、:stalled、:muted 和 :volume-locked CSS 伪类，这些伪类会根据 <audio> 和 <video> 元素的状态来匹配这些元素。

今年，这项工作将侧重于继续改进 Navigation API 的互操作性，以及 precommitHandler 选项（用于将提交操作延迟到处理程序已解析时）。navigateEvent.intercept()

范围限定的自定义元素注册表

CustomElementRegistry() 构造函数会创建一个与全局注册表分开的新自定义元素注册表，从而允许具有相同标记名称的多个自定义元素共存。

滚动贴靠

本聚焦区域涵盖 CSS 滚动贴靠，该功能可控制滚动容器内的平移和滚动行为。

shape() CSS 函数

shape() CSS 函数使用 line、move 和 curve 等命令创建形状，并且可以与 clip-path 和 shape-outside 搭配使用。

Web 兼容性

此部分针对会导致实际问题的特定互操作性问题，包括：

  • 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 信息中心中跟进项目。

其他公告