2022 年 10 月,全新 Web 平台推出

了解 2023 年 10 月期间在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。

稳定版浏览器

2023 年 10 月,Firefox 119Safari 17.1Chrome 118Chrome 119 开始稳定。本文介绍这对 Web 平台意味着什么。

Firefox 119 中的 JavaScript 功能

在 Firefox 119 中,JavaScript 数组分组支持使用 Object.groupByMap.groupBy 静态方法。

浏览器支持

  • 117
  • 117
  • 119
  • 17.4

来源

在 Firefox 119 中,还有 StringisWellFormed()toWellFormed() 方法。这些命令可用于检查字符串是否包含格式正确的 Unicode,以及将字符串清理为格式正确的 Unicode。这些方法现在可以跨三大引擎实现互操作。

浏览器支持

  • 111
  • 111
  • 119
  • 16.4

来源

HTML <search> 元素现在可以互操作了

Chrome 118 包含 <search> 元素,这是一种新的 HTML 元素,表示文档或应用中用于搜索或过滤的部分。此功能现在可以在三大主要引擎中互操作。

浏览器支持

  • 118
  • 118
  • 118
  • 17

来源

select 元素内的水平规则

我们在 10 月份推出了两个版本的 Chrome。在 Chrome 119 中,这是对 HTML <select> 元素的小幅补充。您现在可以在选项之间添加水平规则,在选项之间显示为分隔线。如需了解详情,请参阅选择元素:现在有水平规则

CSS 作用域

Chrome 118 包含采用 @scope 规则的限定作用域 CSS。此规则提供了一种在 DOM 子树内选择元素的方法。如需了解详情,请参阅使用 CSS @scope at-rule 限制选择器的覆盖面

浏览器支持

  • 118
  • 118
  • x
  • 17.4

来源

CSSrefers-reduced-transparency

Chrome 118 包含 prefers-reduced-transparency 媒体功能。这是一系列功能中的一项,可让您检查用户在其设备上设置的偏好设置,并在代码中做出响应以满足他们的需求。如需详细了解该功能,请访问 CSS prefers-reduced-transparency

浏览器支持

  • 118
  • 118
  • x

来源

CSS 相对颜色语法

Chrome 119 是 CSS 颜色 5 中的一项强大的新功能 - 相对颜色语法。这样,您就可以使用所需的任何颜色空间或语法,从其他颜色派生颜色。

WebAssembly 垃圾回收 (WasmGC)

Chrome 119 包含 WasmGC,可让您更快地在 WebAssembly 中使用 Kotlin、PHP 或 Java 等垃圾回收语言。如需了解所有详情,请参阅 Chrome 现在默认启用了 WebAssembly Garbage Collection (WasmGC)

浏览器测试版

Beta 版浏览器可让您预览下一个稳定版本中的功能。这时有必要在面向所有用户发布新版本之前测试可能会影响您的网站的新功能(或内容移除情况)。新的 Beta 版为 Firefox 120Safari 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 rhrlh 单元、text-wrap: balance 以及 light-dark() 函数的支持。

网络新书系列