Web 平台的新功能(12 月)

了解 2024 年 12 月已在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。

发布时间:2024 年 12 月 18 日

2024 年 12 月,唯一发布新稳定版的浏览器是 Safari,版本为 Safari 18.2。本文将介绍 Web 平台中新增的功能。

此版本新增了一些功能,完善了2024 基准

使用 @page 设置页面

借助 @page 媒体查询规则,您可以为印刷文档、电子书或幻灯片等内容设置尺寸和边距。

ruby-alignruby-position CSS 属性

借助 ruby-alignruby-position 属性,您可以控制罗马音节注释文本在其容器中的定位和对齐方式。

如需了解详情,请参阅可换行 <ruby> 和 CSS ruby-align 属性

设置滚动条样式

现在,CSS scrollbar-gutterscrollbar-width 属性已成为基准新属性,您可以使用它们自定义 Web 应用中的滚动条的外观。

::target-text 伪元素

借助 ::target-text 伪元素,您可以为网址文本片段突出显示的文本设置样式。现在,您可以选择突出显示文本的方式,以更好地吸引用户注意力。

WebAssembly 垃圾回收和尾调用优化

Safari 18.2 支持这些 WebAssembly (Wasm) 功能,将其列入“新推出的基准”类别。

您可以参阅 WebAssembly 垃圾回收 (WasmGC) 现已在 Chrome 中默认启用,详细了解 WebAssembly 垃圾回收,并了解 Google 表格为何将其计算 worker 从 JavaScript 移植到 WasmGC

跨文档视图转换

Safari 18.2 支持跨文档视图转换,以及视图转换类和类型,并支持 pageswappagereveal 事件。

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 18.2.

Source

Uint8Array 方法

Safari 18.2 还包含新的 Uint8Array 方法,可简化 base64- 与十六进制编码的字符串和字节数组之间的转换:

  • Uint8Array.fromBase64()Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64()Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64()Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

Beta 版浏览器

由于临近年底,本月没有 Beta 版新功能可供宣布。Safari 18.3 Beta 版目前正在修复 bug,Firefox 134Chrome 132上个月起仍在测试中。

我们将于明年再次通知您 2025 年 1 月将在网站平台上推出哪些功能!