Chrome 114 Beta 版

CSS 标题平衡、CHIPS、 scrollend 事件和弹出式窗口。

除非另有说明,否则下文所述的更改均适用于最新 Chrome Beta 版(Android、ChromeOS、Linux、macOS 和 Windows)。如要详细了解此处列出的功能,请通过所提供的链接或 ChromeStatus.com 上的列表进行查看。Chrome 114 为 Beta 版,自 2023 年 5 月 3 日起即为 Beta 版。您可以访问 Google.com(桌面版)或 Google Play 商店(Android 版)下载最新版本。

CSS

此版本新增了两项 CSS 功能。

CSS 标题平衡

此功能提供了一种方式来平衡元素中行的长度,以便提高可读性,并最大程度减少排成 4 行或更少行文字的排版孤立。这通常对标题非常有用。例如,以下 CSS 会平衡所有标题级别和块引用:

h1, h2, h3, h4, h5, h6, blockquote { 
 text-wrap: balance; 
}

除了 text-wrap 属性之外,系统还支持 white-space-collapse 属性,white-space 属性变成了这些属性的简写形式。

如需了解详情,请参阅 CSS text-wrap: balance

将别名 overflow: overlay 设置为 overflow: auto

Chrome 114 移除了 overflow: overlay 滚动模式,并将 overlay 作为 auto 的旧别名。overflow: overlayoverflow: auto 的用法相同,只是在存在非叠加层操作系统滚动条时,它不会阻止内容扩展到滚动条边线。(如果存在重叠式滚动条,则不会产生任何影响)。

Web API

往返缓存 NotRestoredReason API

NotRestoredReason API 通过 PerformanceNavigationTiming API 以框架树结构的形式报告网页没有从 BFcache 提供的原因列表。

具有独立分区状态 (CHIPS) 的 Cookie

Chrome 计划弃用第三方 Cookie,因此,开发者需要能够在按顶级网站划分的第三方环境中使用 Cookie。对于与跨网站跟踪无关的用例,这是必须的。例如,SaaS 嵌入、无头 CMS 和沙盒网域)。借助 Partitioned 的 CHIPS Cookie 属性,开发者能够选择将其第三方 Cookie 按顶级网站进行分区。在 Chrome 110 及更高版本中,CHIPS 通过 Chrome 变体启用。在 Chrome 114 中,系统会默认为所有浏览器实例启用 CHIPS。

详细了解 CHIPS

scrollend 事件

此事件可让开发者通过事件监听器清楚了解滚动何时完成(包括滚动本身以及滚动偏移的任何更新)。了解滚动完成时间非常有用,原因有很多。例如,同步贴靠部分的某些逻辑、提取列表中的内容或触发新的动画。此功能极大地简化了处理滚动结束效果的逻辑,确保了这些效果在许多不同输入模式下保持一致。目前,开发者通过观察滚动事件并构建临时超时算法来满足此需求。

详细了解 scrollend 事件

Popover API

此 API 可用于构建显示在所有其他 Web 应用界面之上的瞬态界面 (UI) 元素。其中包括操作菜单、表单元素建议、内容选择器和教学界面等用户交互元素。此 API 使用新的 popover 内容属性来支持在顶层显示任何元素。这类似于 <dialog> 元素,但有几个重要的区别,包括轻关闭行为、弹出式窗口互动管理和事件支持,以及没有“模态”模式。

详细了解 Popover API

requestDevice() 中的网络蓝牙 exclusionFilters 选项

利用 navigator.bluetooth.requestDevice() 中的 exclusionFilters 选项,Web 开发者可从浏览器选择器中排除某些设备。可用于排除与更广泛的过滤条件匹配但不受支持的设备。

查看示例代码,了解如何使用 Web Bluetooth API 从附近具有基本排除过滤器的蓝牙低功耗设备检索基本设备信息。

WebAssembly 扩展常量方案

Chrome 114 实现了 WebAssembly 扩展常量提案。此方案将以下新说明添加到了有效的常量指令列表中:i32.addi32.subi32.muli64.addi64.subi64.mul

正在进行源试用

在 Chrome 114 中,您可以选择启用以下新的源试用

跨应用和跨网站归因衡量

扩展 Attribution Reporting API,允许将网络上发生的转化归因于浏览器外在其他应用中发生的事件。此处的方案利用了操作系统级的归因支持。特别值得一提的是,它为开发者提供了一个选项,使他们能够将移动网站上的活动与 Android Privacy Sandbox 中的活动合并,但也可以实现对其他平台的支持。

报名参加跨应用和跨网站归因衡量试用

背景模糊处理 API

借助 Background Blur API,Web 开发者可以使用原生平台的 API 进行相机背景分割。背景模糊处理已成为视频会议应用中最常用的功能之一,我们希望 Web 应用能够使用相同的平台 API,而无需依赖 TensorFlow.js、Mediapipe、WASM 库或云端解决方案等机器学习框架。

注册参加背景模糊处理源试用

弃用和移除

Chrome 114 中没有新的弃用或移除的内容。