发布时间:2025 年 9 月 2 日
Chrome 140 现已推出,本文将介绍此版本中的一些主要功能。阅读完整的 Chrome 140 版本说明。
此版本的亮点:
- 了解哪个元素触发了
ToggleEvent
。 - 在
content
属性的替代文本中使用counter()
和counters()
。 - 在
@font-face
规则中找到对font-variation-settings
描述符的支持。
了解哪个元素触发了 ToggleEvent
ToggleEvent
的 source
属性包含触发 ToggleEvent
触发的元素(如果适用)。
例如,如果用户点击设置了 popovertarget
或 commandfor
属性的 <button>
元素以打开弹出式窗口,则在弹出式窗口上触发的 ToggleEvent
的 source 属性将设置为调用 <button>
。
在 content
属性的替代文本中使用 counter()
和 counters()
此功能添加了在 content
属性的替代文本中使用 counter()
和 counters()
的功能。这可提供更有意义的信息,以提升无障碍功能。
@font-face
规则现在支持 font-variation-settings
描述符
借助 CSS,您可以使用各个元素上的 font-variation-settings
属性调整字体的粗细、宽度、倾斜度和其他轴。
借助 @font-face
中的 font-variation-settings
CSS 描述符,您可以在 @font-face
at-rule 中实现相同的效果。此描述符的值与 font-variation-settings
属性的值相同,但全局关键字值除外。
@font-face {
font-family: "OpenTypeFont";
src: url("open_type_font.woff2") format("woff2");
font-variation-settings:
"wght" 400,
"wdth" 300;
}
深入阅读
这仅涵盖了一些关键亮点。如需了解 Chrome 140 中的其他变更,请参阅以下链接。
订阅
如需及时了解最新动态,请订阅 Chrome Developers YouTube 频道,这样每当我们发布新视频时,您都会收到电子邮件通知。您也可以在 X 或 LinkedIn 上关注我们,获取新文章和博文。
Chrome 141 发布后,我们会立即在此处告知您 Chrome 的新功能!