Rachel Andrew
发布时间：2026 年 3 月 10 日
Chrome 146 现已推出，本文将介绍此版本中的一些主要功能。阅读完整的 Chrome 146 版本说明。
此版本的亮点：
- 滚动触发的动画可根据滚动位置控制动画。
- 作用域限定的自定义元素注册表可防止自定义元素名称冲突。
- Sanitizer API 可帮助构建无 XSS 漏洞的 Web 应用。
滚动触发的动画
此功能可基于滚动位置控制动画，例如播放、暂停和重置动画。
网页上的一种常见模式是，当滚动位置达到某个值时开始播放动画。开发者通常会使用 JavaScript 手动检测元素是否位于其滚动容器的视口内，并启动相应的动画（例如，将该元素滑动到视图中）。其中许多使用情形都依赖于以声明方式提供的信息。借助此功能，您可以使用 CSS 以声明方式创建此类互动。
如需了解详情，请参阅即将推出滚动触发的动画
范围限定的自定义元素注册表
借助此功能，网页中可以存在针对单个标记名称的多个自定义元素定义。这样可以防止 Web 应用使用来自多个来源的库时发生自定义元素名称冲突。为此，我们允许用户代码创建多个自定义元素注册表，并将它们与充当范围界定对象的树范围和元素相关联。
如需了解详情，请参阅使用作用域注册表控制自定义元素的行为。
Sanitizer API
Sanitizer API 提供了一种从任意用户提供的 HTML 内容中移除可能执行脚本的内容的方法。其目标是让开发者更轻松地构建不含 XSS 的 Web 应用。这是之前尝试创建 Sanitizer API 的更新版本。此新版本也可在 Firefox 中使用。
深入阅读
以下仅介绍了一些重点内容。如需了解 Chrome 146 中的其他更改，请点击以下链接。
订阅
如需及时了解最新动态，请订阅 Chrome Developers YouTube 频道，这样每当我们发布新视频时，您都会收到电子邮件通知。您也可以在 X 或 LinkedIn 上关注我们，获取新文章和博文。
Chrome 147 发布后，我们会立即在此处告诉您 Chrome 中的新变化！