同样，在 2023 年，所有主要浏览器供应商和其他利益相关方将携手合作，共同解决主要的浏览器兼容性问题。
2023 年，所有主要浏览器供应商和其他利益相关方将再次携手合作，以解决最常见的浏览器兼容性问题。从 Interop 2022 开始，我们就如此大规模开展相关工作，您可以在年终博文中了解我们共同取得了哪些成就。所有相关人员都认为，这将有助于改善世界各地的 Web 开发者的体验。今年，我们首次公开发布了提案流程，并得到了世界各地的框架、大型公司、浏览器供应商和开发者提供的许多宝贵建议。
Interop 2023 重点领域
这一次，我们的重点领域不少于 26 个，项目文档中详细介绍了这些领域。这些标签按字母顺序排列：
- CSS 中的边框图片
- CSS 中的颜色空间和函数
- CSS 中的容器查询
- CSS 中的包含关系
- CSS 伪类
- CSS 中的自定义属性
- Flexbox
- 字体特征检测和调色板
- 表单
- 网格
- :has()
- Inert
- 在 CSS 中遮盖
- CSS 中的数学函数
- 媒体查询
- Web Worker 中的模块
- CSS 动画中的动画路径
- 屏幕外画布
- 指针和鼠标事件
- 网址
- Web Compat 2023：针对会导致已知网站兼容性问题的小 bug 的综合性重点关注领域
- 网络编解码器（视频）
- Web 组件
您可以参阅基于 MDN Web 文档的 Web 平台测试，了解所有重点领域的完整详情。不过，我们认为您可能会对以下几个方面感兴趣。
容器查询
多年来，容器查询一直是开发者的首要需求，Chrome 和 Safari 已于 2022 年开始支持该服务。Firefox 预计会在 Firefox 110 中提供容器查询，而对这个重点领域的测试有助于确保容器查询能够在各种浏览器中可靠地运行，并且符合规范。
:包含(...)
很长时间以来，开发者需要在 CSS 中使用父级选择器。:has() 伪类可实现父级选择器的许多用例，以及选择参考元素的先前同级元素。例如，这样就可以为带有图片说明的图形与没有图片说明的图形设置不同的样式。如需详细了解 has() 的用例，请参阅 :has()（家庭选择器）。
自定义属性
借助 CSS 自定义属性（也称为 CSS 变量），您只需在样式表中定义一个值一次，便可在许多地方重复使用该值，从而减少重复。例如，您只需在样式表中定义一次通用的颜色或字号，即可将其用于所有组件。很长时间以来，浏览器一直都是对自定义属性的基本支持。Interop 2023 侧重于 @property @ 规则。@property 表示样式表中的自定义属性注册，可用于检查属性类型、设置默认值，以及属性是否应继承值。如需了解详情，请参阅 @property：为 CSS 变量赋予超能力。
CSS 遮罩
CSS 遮罩提供了使用 CSS 应用图片效果（如图形应用中所示）的方法。对各种遮盖属性的支持各不相同，因此使用起来更加困难。这个重点领域将帮助开发者信心十足地跨浏览器使用创意效果。如需详细了解如何对图片应用效果，请参阅这篇关于图片遮罩的文章。
OffscreenCanvas
<canvas> 元素和 Canvas API 通过脚本化的方式将图形绘制到屏幕上。但是，这可能会导致性能问题，因为工作是在与用户互动时在同一线程上完成的。OffscreenCanvas 会为开发者提供与 DOM 和 Canvas API 分离的画布。开发者还可以在独立于主线程的 Web Worker 中运行渲染任务。不妨详细了解 OffscreenCanvas 的性能优势。
指针和鼠标事件
使用鼠标、钢笔、触控笔或触摸屏与网页互动时会触发指针事件。使用鼠标时会触发鼠标事件，但出于历史原因，也会触发触摸事件。此重点内容涵盖指针和鼠标与页面的交互行为，包括它们如何与点击测试和滚动区域交互。2023 年的重点领域不包括触控和触控笔，因为这方面缺乏 Web 平台测试。
WebCodecs
WebCodecs API 为开发者提供了访问各个视频帧和音频块的方法。它支持访问浏览器中已有的编解码器，以及用来与这些编解码器进行交互的各种界面。使用 WebCodecs 处理视频一文介绍了如何使用 API 解码各个帧，并将其渲染到画布中。
Web 组件
Web 组件是一个统称，囊括了用于创建可重复使用的组件的各种技术，例如自定义元素和 Shadow DOM。Interop 2023 将专注于提升这些基础技术的互操作性。
信息中心
通过 Interop 2023 信息中心了解全年的进度，您可以从中了解当前得分以及所有主流浏览器引擎针对重点领域所采取的改进措施。
专注区域得分是根据测试通过率计算的。如果您有反馈或想要为 WPT 做出改进，请提交问题，以请求更新用于评分的测试集。
