探索稳定版和 Beta 版的一些有趣功能 网络浏览器数量变化。
稳定版浏览器
2023 年 12 月，Firefox 121 Chrome 120 和 Safari 17.2 现已稳定。 本文介绍这对 Web 平台意味着什么。
放宽 CSS 嵌套的解析
Chrome 120 和 Safari 17.2 包括 轻松解析 CSS 嵌套。 因为从 117 版开始，Firefox 便支持此功能，这意味着所有主要引擎都支持此语法更改。
<details> 元素的专属手风琴
Chrome 120 和 Safari 17.2 支持 name 属性，
<details> 元素。也就是说，您可以创建专属的手风琴式折叠组件
将多个 <details> 元素分组。
通过独家手风琴了解详情。
浏览器支持
- 120
- 120
- x
- 17.2
:has() 选择器
Firefox 121 包含 CSS :has() 选择器。此版本使 :has() 能够在所有主要引擎上实现互操作。
有关详情，请参阅 :has()：家庭选择器。
CSS Custom Highlight API
Safari 17.2 包含
CSS Custom Highlight API
用于创建文本范围和设置文本范围样式
扩展标准突出显示伪类，例如 ::selection。
CloseWatcher API
Chrome 120 包含 CloseWatcher API，这是一个用于监听和响应关闭请求的新 API。
这些请求由桌面设备上的 ESC 键以及 Android 设备上的返回手势或按钮触发。
并且可能难以很好地实现
除了 API 之外，Chrome 120 还升级了 <dialog> 和 popover 属性，以响应 Android 返回按钮。
浏览器支持
- 126
- 126
- x
- x
CSS text-wrap: balance 和 stable
Firefox 121 包含 text-wrap 的 balance 和 stable 值。
balance 值适用于短内容，例如标题、
从而生成更令人愉悦且更易于阅读的文字stable 值可防止可修改的内容在修改时重新显示。
详细了解 text-wrap: balance。
延迟加载 <iframe> 元素
Firefox 121 支持 <iframe> 元素的 loading 属性。
这意味着，所有主流引擎现在都支持延迟加载 iframe。
浏览器支持
- 77
- 79
- 121
- 16.4
支持 linear() 加/减速函数
Safari 17.2 还支持 linear() 加/减速函数，
弹跳和弹簧效果。
浏览器支持
- 113
- 113
- 112
- 17.2
浏览器测试版
通过测试版浏览器，您可以预览 稳定版的浏览器。这是测试新功能的好时机 可能会对您的网站造成不利影响。新 测试版 Firefox 122、 Chrome 121 和 Safari 17.3。 这些版本为平台带来了许多出色的功能。查看发行作品 所有详细信息以下是几个亮点。
Firefox 122 和 Chrome 121 包含适用于 HTMLSelectElement 的 showPicker() 方法。
系统显示的选择器就是选择该元素时所显示的选择器
但可通过按下按钮或其他用户互动触发。
Chrome 121 包含滚动条样式属性 scrollbar-color 和 scrollbar-width，
并改进了针对 SVG 的 CSS 遮盖功能，
并突出显示拼写错误或语法不正确的文本的伪元素。