2 月份新增 Web 平台

探索稳定版和 Beta 版的一些有趣功能 网络浏览器数量。

2024 年 2 月推出 Firefox 123Chrome 122 现已稳定。 这篇博文介绍了 Web 平台中新增的功能。

Firefox 123 支持 <template>shadowrootmode 属性 元素,从而支持 声明式 Shadow DOM。 此功能现已加入 Baseline 中新发布的版本,因为它可以跨 所有主要浏览器。

浏览器支持

  • 111
  • 111
  • 123
  • 16.4

来源

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。

浏览器支持

  • 122
  • 122
  • 127
  • 17

来源

浏览器测试版

通过测试版浏览器,您可以预览 稳定版的浏览器。这是测试新功能的好时机 可能会对您的网站造成不利影响。新 测试版 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 属性。 此属性可控制元素是否渲染其内容, 使浏览器在需要之前无需呈现内容。