宣布 Interop 2025

目录

• Interop 2025 简介
• 2025 年重点领域
• 调查工作展望

对于所有 Web 开发者、设计师和浏览器爱好者来说，这是一个激动人心的消息——Interop 2025 来了，它将继续致力于改善跨浏览器互操作性。我们连续第四年很高兴与 Bocoup、Igalia、Google、Microsoft 和 Mozilla 合作，以消除浏览器之间的不一致性。结果呢？为每个人提供更可靠、更用户友好的 Web 体验。

WebKit 团队很自豪地宣布，Interop 2024 结束时，Safari 18.2 的测试通过率为 98%，Safari Technology Preview 的测试通过率为 99%。事实上，看到所有四个参与的预览版浏览器都达到 99% 的通过率，这非常令人兴奋。

总体互操作性在 Interop 2024 中达到了 97%——这是有史以来最高的测试通过率！这意味着像 Accessibility（可访问性）、Custom Properties（自定义属性）、font-size-adjust、IndexDB、URLs、scrollbar styling（滚动条样式）、Text Direction（文本方向）等长期存在的功能现在在所有浏览器中都以相同的方式工作。而像 CSS Nesting（CSS 嵌套）、Declarative Shadow DOM（声明式 Shadow DOM）、popover、Relative Color Syntax（相对颜色语法）和 text-wrap: balance 等新功能也在一开始就拥有出色的互操作性。

Interop 2025 简介

标准只有在得到广泛支持时才能发挥最大的影响力，Interop 2025 将通过促进一致地采用标准来继续推动 Web 发展，使开发者能够构建尖端网站。Safari 已经实现了 Interop 2025 中包含的许多标准，包括 Safari 18.0 和 Safari 18.2 中的视图转换，以及 Safari 17.4 中发布的 @scope 规则。我们很高兴这些技术被列为 Interop 2025 的重点领域，确保它们在所有浏览器中以强大的互操作性实现。

我们还将在今年内重点支持以下功能：锚点定位、Navigation API、URLPattern、scrollend 事件、核心 Web 指标、两个 Wasm 功能、两个新的 Storage Access API 方法，以及移除 Mutation Events。这些八个领域合计占总分数的 40% 以上。我们相信这些是您所要求和关心的功能，并很高兴能致力于它们。在一年中增加支持是 Interop 项目的全部意义所在，我们每年结束时的分数都证明了我们致力于提供最新最重要的 Web 标准方面的领导地位。

今年的 Interop 2025 对 19 个重点领域进行自动化测试

• 锚点定位
• backdrop-filter
• 核心 Web 指标
• <details> 元素
• 布局
• 模块
• Navigation API
• 指针和鼠标事件
• 移除 Mutation Events
• @scope
• scrollend 事件
• 存储访问 API
• text-decoration
• URLPattern
• 视图转换
• WebAssembly
• Web 兼容性
• WebRTC
• 书写模式

调查

除了重点领域，Interop 项目还包括几个调查领域。这些项目是团队聚集在一起评估测试基础设施现状并解决阻碍进展的问题的地方。例如，两年前，可访问性无法成为 Interop 的重点领域，因为 WPT 测试套件中没有足够的测试覆盖率。因此，苹果公司领导了一个项目，创建了 1100 多个子测试。随后，可访问性成为了 Interop 2024 的一个重点领域，并达到了几乎完美的互操作性。

Interop 2025 有五项调查。我们特别高兴能进行另一项可访问性调查，以创建更多可访问性测试。一项新的 WebVTT 调查将着力改进与视频同步的文本轨道，这些文本轨道最常用于隐藏式字幕。一项新的隐私调查将深入探讨哪些与隐私相关的标准化功能需要测试，开发自动化测试或记录手动测试，并提高隐私保护的互操作性。

2025 年重点领域

Interop 2025 包含很多内容，有十九个重点领域。只有两个领域是从 Interop 2024 延续下来的。其余十七个是全新的。

锚点定位

您是否曾想过将一个元素相对于另一个元素的位置和大小进行定位，而不是仅仅依赖元素自身的尺寸或页面内的静态放置？这就是锚点定位（Anchor Positioning）的全部内容。这个 CSS 功能允许工具提示或下拉菜单等元素锚定到其他元素的特定部分。无论是跟随按钮的工具提示，还是即使页面滚动也保持原位的标注，此功能都能使复杂的布局更简单、更可预测。

锚点定位目前在 WebKit 中正在开发中，通过功能标志在 Safari Technology Preview 中可用。您可以通过开启支持来测试它。一旦实现接近完成，它将被标记为 preview，并在 Safari Technology Preview 中默认启用，届时锚点定位重点区域的测试将开始通过。

Backdrop-filter

接下来，backdrop-filter 允许您将模糊或颜色偏移等图形效果应用于元素后面的背景区域。想象一下页面上的磨砂玻璃效果，其中覆盖层后面的内容被模糊，而不影响内容本身。这可以增加设计的深度，使界面感觉现代和流畅。今年，目标是确保此属性在所有浏览器中都能流畅运行，使这些惊艳的效果成为您 CSS 工具包中可靠的一部分。

在 Safari 18.0 中，我们将实现更新到了最新的规范，但要达到完全互操作性，还有更多工作要做。

核心 Web 指标

您网站的性能是提供出色用户体验的关键，我们知道您在编写代码时会首先考虑它。我们已经听到了您对流行核心 Web 指标（Core Web Vitals）的跨浏览器支持请求，我们很高兴将其列入 2025 年的议程。重点领域包括

• 最大内容绘制 (LCP)
• 下次绘制交互 (INP)

在所有浏览器中提供这些指标，无论用户使用哪个平台，您都可以跟踪他们与页面交互的速度和流畅度。

<details> 元素

这个简单而强大的 HTML 元素允许您创建可展开的内容部分——想想那些可折叠的菜单或常见问题。2025 年的目标是增强对 <details> 和<summary> 元素的支持，并改善它们与 Web 平台其他功能的交互。这意味着

• 改进 ::marker 和 ::details-content 等伪元素的工作方式
• 增加与 content-visibility 更好的交互性
• 使页面内搜索与元素交互更直观

这一切都是为了改善用户与这些控件的交互。

此重点领域还包括 hidden=until-found HTML 属性，该属性可用于任何元素。这会导致带有此属性的元素中的内容被隐藏，直到内容的片段链接被激活或页面内搜索到达内容——然后内容才会被显示。

布局：Flexbox 和 Grid

布局重点领域从 Interop 2024 延续而来，以确保 Flexbox、Grid 和 Subgrid 具有更高的互操作性。这些布局系统彻底改变了网页设计。

模块：JSON 和 Import Attributes

现代 JavaScript 专注于模块化，在 2025 年，模块将获得额外的关注。这包括允许您将 JSON 文件直接导入到您的脚本中。并改进导入属性（如 type:"json"），以确保它们无缝工作，从而减少对自定义解析逻辑的需求。

Navigation API

Navigation API 是一个强大的工具，用于在 Web 应用程序中管理有意义的用户状态，使开发者更容易控制、拦截和修改浏览器导航事件。此 API 旨在增强网站和 Web 应用程序管理导航的方式，从而能够更好地控制用户在单页应用程序中页面或状态之间的移动。

Igalia 的团队一直致力于在 WebKit 中实现 Navigation API。您可以通过开启功能标志在 Safari Technology Preview 中进行测试。一旦在 Safari Technology Preview 中默认启用，Navigation API 重点领域的测试将开始通过。

指针和鼠标事件

使用指针和鼠标事件处理用户输入对于构建交互式 Web 体验至关重要。虽然指针事件为所有输入类型（鼠标、触摸、手写笔）提供了统一模型，但这些事件在不同浏览器中的处理方式仍然存在一些差异。

去年，Safari 在指针和鼠标事件方面取得了显著的 47% 改进，从通过 Interop 2024 中包含的 WPT 自动化测试的 41% 上升到 88%——但我们不会止步于此。Interop 2025 在此重点领域增加了更多测试，鼓励所有浏览器继续在互操作性方面取得进展。

移除 Mutation Events

那些旧的、已废弃的Mutation Events（例如 DOMNodeInserted）在过去很方便，但早已被更高效的 MutationObserver API 所取代。2025 年的目标是完全淘汰对 Mutation Events 的支持，转而采用更新、更好的方法。这将提高性能并减少依赖 DOM 变更跟踪的开发人员可能遇到的问题。

@scope

对于处理复杂 CSS 规则的开发者而言，@scope 提供了在 DOM 的特定子树内应用一组样式的能力。可以将其视为一种更高效的方式，将样式应用于页面的特定区域，从而避免全局覆盖。今年，重点是确保 @scope 在所有浏览器中一致且正确地工作。

<article id="my-component">
  <style>
    @scope {
      h1 { font-size: 4rem; }
    }
  </style>
  <h1>This is 4rem text.</h1>
</article>

<h1>This will not be styled by the CSS above.</h1>

我们已在 Safari 17.4 中发布了对 CSS Scoping 的支持。

scrollend 事件

当用户完成滚动文档或元素时，scrollend 事件会触发。它是一个有用的工具，用于在滚动完成后才触发操作或动画，从而提高性能。

此功能尚未在 Safari 中实现。我们很高兴它能成为 Interop 2025 的一部分，以确保 Firefox 和 Safari 都实现支持。

存储访问 API

保护用户数据隐私是我们的核心价值观之一。它塑造了我们对待 Web 的方式。我们很高兴在 2018 年引入了 Storage Access API，以便嵌入式跨站点内容在不使用第三方 Cookie 的情况下，能够对已登录其第一方服务的用户进行身份验证，同时维护用户隐私。

在过去七年中，随着其他浏览器实现支持，Storage Access API 持续发展。Interop 2025 将重点关注 Web 标准的最新变更——特别是两种方法

• document.requestStorageAccess() 方法，它允许 iframe 内容请求存储和读取 cookie 及其他站点数据
• document.hasStorageAccess() 方法，它检查是否已授予此类访问权限

我们期待在 Safari 中实现这两种方法，并在浏览器之间实现 Storage Access API 更强的互操作性——为您提供创建优雅体验同时维护用户隐私的工具。

文本装饰

文本装饰是 Interop 项目强大力量的一个很好的例子。在 Web 上为文本添加下划线的能力自 HTML 1.1 时代就存在，通过最初的 <u> 元素。今天，您可以使用 CSS 创建下划线、删除线和上划线，并调整它们的外观。然而，不同浏览器之间的小差异给开发者留下了陷阱，编写的代码可能您期望在任何地方都能工作，但事实并非如此。此重点领域将确保以下方面的互操作性：

• text-decoration 简写属性
• text-decoration-style
• text-decoration-color
• text-decoration-line
• text-decoration-skip-ink

URLPattern

借助 URLPattern API，您可以定义模式并将其与 URL 或 URL 组件进行匹配。这使得 URL 路由和解析的处理变得更容易，特别是对于现代 Web 应用程序。

视图转换

视图转换（View Transitions）旨在动画化页面不同状态或页面内容的变更。它非常适合创建平滑、动态的用户体验，其中元素在不同状态之间转换（例如在页面之间导航或打开和关闭模态框）。虽然视图转换是一个强大而复杂的 API，但 Interop 2025 重点关注：

• 同文档视图转换
• 视图转换类

我们已在 Safari 18.0 中发布了对同文档视图转换的支持，并在 Safari 18.2 中发布了对视图转换类的支持。

WebAssembly

WebAssembly 使开发者能够以接近原生速度在浏览器中部署用多种编程语言编写的代码。考虑到这一点，Wasm 目前的核心弱点之一是与 DOM 的交互。为此，Interop 2025 重点关注增强：

• 可调整大小缓冲区的集成
• 改进 JS 字符串内置函数，使 WebAssembly 的工作更加顺畅和高效

Web 兼容性

Web 兼容性指的是网站在特定浏览器中是否按预期工作。此重点领域中的测试是根据浏览器之间的差异导致 Web 开发者或最终用户遇到实际问题的证据选择的。今年，工作重点是解决以下 Web 兼容性问题：

• 外观
• 缩放
• list-style-position
• overscroll-behavior
• 当 worker 通过 CSP 被阻塞时的错误事件
• PerformanceObserver
• caretPositionFromPoint()（通过功能标志可用）

WebRTC

WebRTC（Web 实时通信）使 Web 浏览器、移动应用程序和设备之间能够进行直接的点对点通信。它允许在浏览器内直接进行实时音频、视频和数据共享，无需外部插件或软件。WebRTC 对于视频会议工具和直播应用程序特别有用。今年，Interop 2025 重点关注：

• RTCRtpScriptTransform，它允许脚本修改媒体流，常用于在 WebRTC 应用程序中实现端到端加密。
• 使 RTCDataChannels 可传输给 worker，以实现数据的主线程外处理。

书写模式

CSS 书写模式定义了不同语言和设计的文本布局方向。其核心是，writing-mode 在水平和垂直之间切换行内方向。书写模式已在浏览器中支持多年，但 Interop 2025 包含两个较新的方面：

• writing-mode: sideways-lr 和 sideways-rl 允许通常水平排列的文本改为垂直显示，作为一种图形设计效果。使用 sideways-rl 而非 vertical-rl 可确保标点符号和其他方向中性字符正确排版，而使用 sideways-lr 而非 vertical-lr 则会产生完全不同的结果
• overflow-inline 和 overflow-block 为 overflow-x 和 overflow-y 提供了逻辑替代方案

调查工作展望

Interop 重点领域通过对特定高优先级功能进行自动化测试来提高互操作性，但并非 Interop 项目希望帮助改进的所有内容都可以通过自动化测试在浏览器之间进行测试。当出现这种情况时，就会启动调查项目，以了解可以进行哪些工作来提高互操作性，这通常包括改进测试基础设施和编写更多测试。以下是 Interop 2025 的调查项目：

可访问性测试

延续去年的工作，可访问性测试调查旨在拓宽 Web 平台可访问性功能的测试范围。这将确保可访问性功能可靠且一致，帮助开发者创建更具包容性的 Web 体验。

游戏测试

随着 Web 游戏的热潮，游戏调查的重点是改进 Gamepad API 的自动化测试覆盖率。

移动测试

移动设备的出现将 Web 带给了数十亿人。延续 2024 年的工作，移动测试调查正在完成必要的基础设施建设，以便 WPT 测试能够在移动设备上正确运行。这将为未来针对移动设备的 Interop 重点领域以及其他测试和互操作性工作打开可能性。

隐私测试

隐私比以往任何时候都更加重要，但 Web 尚未拥有一个完善的自动化测试套件来测试跨浏览器的隐私保护。这项隐私调查将着手解决这个问题，通过识别现有 Web 标准的测试可能性、编写测试，并记录还需要什么。

WebVTT

WebVTT 调查将解决确保字幕在不同浏览器中行为一致的挑战。通过改进 WebVTT 与 <track> 元素的工作方式并增强 VTTCue API，团队将确保字幕在所有 Web 平台上都是可靠、动态且可访问的。

更具互操作性的 Web

Interop 2025 旨在让 Web 为每个人更好地工作。无论是确保您的 CSS 在不同浏览器中行为一致，还是通过 Storage Access API 提高隐私保护，今年的重点领域都致力于创建一个更可靠、高效和无缝的 Web。通过浏览器社区的持续协作和全球开发者的贡献，Interop 2025 将有助于确保 Web 在未来几年内仍然是一个强大、用户友好的平台。为前方更流畅、更一致的体验做好准备吧！