Chrome、Firefox、Edge 与 Safari 联手推进 Web 兼容性:Interop 2026 启动

尽管如今多数浏览器基于 Chromium 内核,但同一网页在不同浏览器中的表现仍可能大相径庭——按钮错位、动画失效、功能缺失……这类问题长期困扰着开发者,也影响普通用户的体验。

为系统性解决这一难题,Google(Chrome)、Mozilla(Firefox)、Microsoft(Edge)、Apple(Safari) 再度联手,并联合开源咨询公司 Igalia ——作为 WebKit、Chromium、Firefox 和 Servo 的核心贡献者——共同启动 Interop 2026 计划。

Chrome、Firefox、Edge 与 Safari 联手推进 Web 兼容性:Interop 2026 启动插图

这是该年度协作项目的第六年。过去五年中,各厂商通过 Interop 聚焦关键 Web 标准,显著缩小了浏览器间的兼容性差距。例如,Interop 2025 聚焦 CSS 锚点定位、视图过渡、导航 API 等,到年底时,Chrome 与 Firefox 实现率达 99%,Edge 与 Safari 达 98%。

Interop 2026 聚焦哪些功能?

今年选定的 20 个重点领域,覆盖布局、交互、数据与性能等多个维度:

  • 容器查询(Container Queries):实现更灵活的响应式设计;
  • 自定义高亮样式(Custom Highlight APIs):让搜索、批注等文本高亮可编程;
  • 本地数据库(Storage Foundation / IndexedDB 改进):提升离线应用数据能力;
  • WebAssembly(Wasm):增强模块化与性能;
  • 滚动吸附(Scroll Snap)与滚动驱动动画:无需 JavaScript 即可实现流畅交互动效;
  • 视图过渡(View Transitions):简化页面切换动画;
  • WebRTC 与 WebTransport:优化实时音视频与低延迟通信;
  • 导航 API(Navigation API):重构单页应用路由机制。

部分特性已在部分浏览器中可用。例如,contrast-color CSS 值目前支持于 Firefox 和 Safari,但在 Chrome 与 Edge 中尚未落地——这正是 Interop 要弥合的“碎片化”鸿沟。

正如 WebKit 团队所言:

“Interop 2026 提供的不仅是新功能,更是构建现代 Web 应用的统一基石。一些特性让你用更少的代码实现更强的 UI,另一些则为复杂应用提供底层支撑。”

为什么这对你重要?

即使你不写代码,这项工作也直接影响你的日常体验:

  • 网站不再“只在 Chrome 能用”;
  • 表单提交、视频会议、动画效果在各浏览器中行为一致;
  • 开发者无需为兼容性写大量 hack 代码,可专注产品本身。

最终目标很明确:到 2026 年底,所有主流浏览器对这些关键特性的支持达到高度一致

进展将通过官方仪表盘实时公开:
🔗 Interop 2026 Dashboard

评论