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: overlay
与 overflow: 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
事件
此事件可让开发者通过事件监听器清楚了解滚动何时完成(包括滚动本身以及滚动偏移的任何更新)。了解滚动完成时间非常有用,原因有很多。例如,同步贴靠部分的某些逻辑、提取列表中的内容或触发新的动画。此功能极大地简化了处理滚动结束效果的逻辑,确保了这些效果在许多不同输入模式下保持一致。目前,开发者通过观察滚动事件并构建临时超时算法来满足此需求。
Popover API
此 API 可用于构建显示在所有其他 Web 应用界面之上的瞬态界面 (UI) 元素。其中包括操作菜单、表单元素建议、内容选择器和教学界面等用户交互元素。此 API 使用新的 popover
内容属性来支持在顶层显示任何元素。这类似于 <dialog>
元素,但有几个重要的区别,包括轻关闭行为、弹出式窗口互动管理和事件支持,以及没有“模态”模式。
requestDevice()
中的网络蓝牙 exclusionFilters
选项
利用 navigator.bluetooth.requestDevice()
中的 exclusionFilters
选项,Web 开发者可从浏览器选择器中排除某些设备。可用于排除与更广泛的过滤条件匹配但不受支持的设备。
查看示例代码,了解如何使用 Web Bluetooth API 从附近具有基本排除过滤器的蓝牙低功耗设备检索基本设备信息。
WebAssembly 扩展常量方案
Chrome 114 实现了 WebAssembly 扩展常量提案。此方案将以下新说明添加到了有效的常量指令列表中:i32.add
、i32.sub
、i32.mul
、i64.add
、i64.sub
和 i64.mul
。
正在进行源试用
在 Chrome 114 中,您可以选择启用以下新的源试用。
跨应用和跨网站归因衡量
扩展 Attribution Reporting API,允许将网络上发生的转化归因于浏览器外在其他应用中发生的事件。此处的方案利用了操作系统级的归因支持。特别值得一提的是,它为开发者提供了一个选项,使他们能够将移动网站上的活动与 Android Privacy Sandbox 中的活动合并,但也可以实现对其他平台的支持。
背景模糊处理 API
借助 Background Blur API,Web 开发者可以使用原生平台的 API 进行相机背景分割。背景模糊处理已成为视频会议应用中最常用的功能之一,我们希望 Web 应用能够使用相同的平台 API,而无需依赖 TensorFlow.js、Mediapipe、WASM 库或云端解决方案等机器学习框架。
弃用和移除
Chrome 114 中没有新的弃用或移除的内容。