探索稳定版和 Beta 版的一些有趣功能 网络浏览器数量。
稳定版浏览器
2024 年 2 月推出 Firefox 123 和 Chrome 122 现已稳定。 这篇博文介绍了 Web 平台中新增的功能。
声明式 Shadow DOM
Firefox 123 支持 <template> 的 shadowrootmode 属性
元素，从而支持
声明式 Shadow DOM。
此功能现已加入 Baseline 中新发布的版本，因为它可以跨
所有主要浏览器。
103 早期提示：预加载
Firefox 123 包含 103 早期提示 状态代码。
浏览器支持
- 103
- 103
- 123
- x
CSS ::backdrop 继承方面的更改
::backdrop CSS 伪元素是一个与视口大小相同的框，
直接呈现在顶层呈现的任何元素的正下方。
::backdrop 的原始规范指明它并未继承
并且未从任何元素继承。这意味着::backdrop
无权访问 :root 上声明的自定义属性。
规范已更改，以允许 ::backdrop 继承属性
从其原始元素中提取出来。此变更已在 Chrome 122 中实现。
详细了解
对 ::backdrop 的更改。
Storage Buckets API
Chrome 122 包含 Storage Buckets API。 借助此 API，网站能够将设备端数据整理到存储分区中， 然后可以逐出组数据，独立于其他存储分区中保留的数据。
如需了解详情，请参阅 Storage Buckets API 文档。
浏览器支持
- 122
- 122
- x
- x
Async Clipboard API：读取未经过处理的 HTML
Chrome 122 Beta 版在 read() 方法的 read() 方法中包含一个 unsanitized 选项，
Async Clipboard API
可检索未经过处理的 HTML 格式。
JavaScript Set 方法
Chrome 122 实现了以下 Set 方法：
这些方法已在 Safari 中（从版本 17、 并且使用的是 Firefox Nightly。
浏览器测试版
通过测试版浏览器，您可以预览 稳定版的浏览器。这是测试新功能的好时机 可能会对您的网站造成不利影响。新 测试版 Firefox 124、 本月发布了 Chrome 123，以及 Safari 17.4 正在进行。 这些版本为平台带来了许多出色的功能。查看发行作品 所有详细信息以下是几个亮点。
Chrome 123 包含多项新的 CSS 功能。light-dark() 颜色函数
可以更轻松地根据用户偏好调整配色方案。field-sizing
属性支持自动增大文本输入字段。有一种新媒体
功能来测试以画中画模式显示的应用。
text-spacing-trim 属性可针对中文、日语、
和韩语 (CJK) 标点符号调整过多空格。
阅读更多内容
隆重推出适用于 CSS 的四项新的国际化功能。
在 Chrome 123 和 Safari 17.4 Beta 版中，支持 align-content
以分块和表格布局显示了解
对 align-content 的更改
联系。如果您可能在网格范围外使用媒体资源，请测试您的网站
或 Flex 布局，因为与之前不一样，它会开始导致对齐。
在块布局中发挥作用。
Firefox 124 支持 CSS
content-visibility 属性。
此属性可控制元素是否渲染其内容，
使浏览器在需要之前无需呈现内容。