了解我们在 2023 年 10 月在稳定版和 Beta 版网络浏览器中推出的一些有趣的功能。
浏览器稳定版
2023 年 10 月,Firefox 119、Safari 17.1、Chrome 118 和 Chrome 119 成为稳定版。本博文介绍了这对 Web 平台意味着什么。
Firefox 119 中的 JavaScript 功能
在 Firefox 119 中,是使用 Object.groupBy 和 Map.groupBy 静态方法进行 JavaScript 数组分组。
在 Firefox 119 中,还有 String
的 isWellFormed()
和 toWellFormed()
方法。这些可用于检查字符串是否包含格式正确的 Unicode,以及将字符串清理为格式正确的 Unicode。这些方法现在可以在三大引擎上互操作。
HTML <search>
元素现在可以互操作了
Chrome 118 包含 <search>
元素,这是一个新的 HTML 元素,表示文档或应用中用于搜索或过滤的部分。此功能现在可在三大引擎之间互操作。
select 元素内的水平规则
Chrome 的两个版本已于 10 月推出。在 Chrome 119 中,是 HTML <select>
元素的一小部分新增内容。您现在可以在选项之间添加水平线,在各项之间显示为分隔线。如需了解详情,请参阅选择元素:现在使用水平规则。
CSS 范围
Chrome 118 通过 @scope
规则添加了作用域 CSS。此规则提供了一种在 DOM 子树中选择元素的方法。如需了解详情,请参阅使用 CSS @scope at-rule 限制选择器的覆盖范围。
浏览器支持
- 118
- 118
- x
- 17.4
CSS preferences-reduced-transparency
Chrome 118 包含 prefers-reduced-transparency
媒体功能。这是一系列功能中的一项功能,可让您检查用户在其设备上设置的偏好设置,并在代码中做出响应以满足其需求。如需详细了解该功能,请参阅 CSSprefers-reduced-transparency。
CSS 相对颜色语法
Chrome 119 是 CSS 颜色 5 中一项强大的新功能 - 相对颜色语法。这样,您就可以使用所需的任何颜色空间或语法,从另一种颜色中派生颜色。
WebAssembly 垃圾回收 (WasmGC)
Chrome 119 包含 WasmGC,可让您更快地在 WebAssembly 中使用 Kotlin、PHP 或 Java 等垃圾回收语言。如需所有详细信息,请参阅 Chrome 中现已默认启用 WebAssembly 垃圾回收 (WasmGC)。
Beta 版浏览器版本
Beta 版浏览器可让您预览下一个稳定版本浏览器中将推出的功能。不妨借此机会测试那些可能会在全球发布之前对您的网站造成影响的新功能或移除。新 Beta 版是 Firefox 120 和 Safari 17.2。这些版本为平台带来了许多很棒的功能。如需了解所有详细信息,请查看版本说明。这里仅介绍其中的一些亮点。
Safari 17.2 包含许多新功能。CSS 支持 CSS Custom Highlight API、mask-border
属性、counter-set
属性以及许多其他功能。此外,我们还对现有功能进行了许多修复,以提高互操作性。
对于 HTML,Safari 17.2 支持对 <details>
元素使用 name
属性。在 Web API 中,<link rel=preload>
现已支持提取优先级和自适应图片。
Firefox 120 添加了对 CSS rh
和 rlh
单元、text-wrap: balance
以及 light-dark()
函数的支持。
“网络新体验”系列视频的一部分