了解 2025 年 1 月期间在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。
发布时间:2025 年 1 月 29 日
稳定版浏览器
2025 年 1 月,Firefox 134、Safari 18.3 和 Chrome 132 已变为稳定版。本文将介绍 Web 平台中新增的功能。
Promise.try
现已成为基准
Promise.try
是一种便捷方法,可简化同步回调函数的错误处理。它从 Firefox 134 开始提供,因此属于“新推出的基准”。如需了解详情,请参阅 Promise.try
现已推出基准版本。
绝对定位元素的 CSS 对齐属性
此外,Firefox 134 现在支持对绝对定位的元素使用 align-self
和 justify-self
CSS 属性以及 place-self
CSS 缩写属性。
Browser Support
CSS 横向书写模式
Chrome 132 中新增了对 writing-mode
CSS 属性的 sideways-rl
和 sideways-lr
关键字的支持。当您出于设计目的想要显示垂直文本时,sideways-rl
和 sideways-lr
有助于垂直书写非中日韩文本。
Browser Support
修复了对移动设备上的弹出式窗口的支持
Safari 18.3 修复了各种互操作性问题。一个关键问题是解决了与弹出式窗口相关的问题。以前,在 iOS 和 iPadOS 上,点按或点击弹出式窗格外部无法关闭该窗格。 此问题现已修复。
Request.bytes()
和 Response.bytes()
是基准
Chrome 132 向 Fetch 的 Request
和 Response
接口添加了 bytes()
方法,该方法会返回一个 promise,由 Uint8Array
来解析。虽然 Request
和 Response
具有 arrayBuffer()
方法,但您无法直接从缓冲区读取。您必须创建一个视图(例如 Uint8Array
)才能读取它。bytes()
方法改进了获取 Request
和 Response
正文的人体工学。
Device Posture API
Chrome 132 包含 Device Posture API,旨在帮助您针对可折叠屏幕进行设计。此实现包含一个新的 device-posture
CSS 媒体功能,可用于检测设备的当前屏幕方向。它还包含一个 JavaScript 接口,用于检测折叠状态的变化并做出响应。姿势定义如下:
continuous
:表示平板屏幕,包括在平板模式下使用的可折叠设备,以及平板或曲面屏幕。folded
:表示折叠屏幕,这可能包括以图书或笔记本电脑模式使用的可折叠设备。
Browser Support
WebAuthn Signal API
Chrome 132 还包含 WebAuthn Signal API,该 API 允许 WebAuthn 信赖方将与现有凭据相关的信息传回凭据存储提供方,以便更新或从提供方和系统界面中移除不正确或已撤消的凭据。
详细了解 Chrome 桌面设备上的通行密钥专用 Signal API。
Beta 版浏览器
通过浏览器 Beta 版,您可以抢先体验下一个稳定版浏览器中即将推出的功能。在该版本面向全球发布之前,您可以先测试可能会影响您网站的新功能或移除的功能。新 Beta 版为 Firefox 135 和 Chrome 133。这些版本为该平台带来了许多出色的功能。如需了解所有详情,请参阅版本说明。下面列出了其中的几个亮点。
Chrome 133 是 CSS 的一次令人兴奋的版本更新。其中包括高级 attr()
函数、滚动状态容器查询以及 CSS text-box
、text-box-trim
和 text-box-edge
。
Chrome 133 还包含 FileSystemObserver
接口和 DOM 基元 (Node.prototype.moveBefore
),可让您在 DOM 树中移动元素,而无需重置元素的状态。
Firefox 135 包含带来源提案的 JSON 解析,旨在提供功能来缓解在 JavaScript 值和 JSON 文本之间转换大浮点值和日期值等值时精度丢失的问题。