探索稳定版和 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
属性。
此属性可控制元素是否渲染其内容,
使浏览器在需要之前无需呈现内容。