CSS 标题平衡、CHIPS、scrollend 事件和弹出式窗口。
除非另有说明,否则下文所述的更改适用于 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 渠道版本。您可以通过提供的链接或 ChromeStatus.com 上的列表详细了解本文所列的功能。Chrome 114 Beta 版自 2023 年 5 月 3 日起推出。您可以在桌面版 Google.com 或 Android 版 Google Play 商店中下载最新版本。
CSS
此版本新增了两项 CSS 功能。
CSS 标题平衡
此功能提供了一种方法来平衡元素中的行长,以提高可读性,并针对延伸到四行或更少行的文本,尽量减少孤立排版。这对标题通常很有用。例如,以下 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
相同,只不过在存在非叠加层 OS 滚动条的情况下,使用 overflow: overlay
不会阻止内容延伸到滚动条边线。(如果存在重叠式滚动条,则不会产生任何影响。)
Web API
往返缓存 NotRestoredReason API
NotRestoredReason API 通过 PerformanceNavigationTiming API 报告未从框架树结构中的 BFcache 提供页面的原因列表。
具有独立分区状态 (CHIPS) 的 Cookie
Chrome 计划弃用第三方 Cookie,因此开发者需要能够在按顶级网站划分的第三方环境中使用 Cookie。这对于与跨网站跟踪无关的用例是必不可少的。例如,SaaS 嵌入、无头 CMS 和沙盒网域)。借助 Partitioned
的 CHIPS Cookie 属性,开发者可以选择按顶级网站对第三方 Cookie 进行分类。在 Chrome 110 及更高版本中,通过 Chrome 变体版本启用 CHIPS。在 Chrome 114 中,系统会为所有浏览器实例默认启用 CHIPS。
详细了解 CHIPS。
scrollend
事件
此事件可让开发者通过事件监听器清楚地了解滚动何时完成(包括滚动本身以及对滚动偏移的任何更新)。了解滚动完成的时间非常有用,这有很多原因。例如,在贴靠部分同步某些逻辑、提取列表中的内容或触发新动画。此功能大大简化了处理滚动结束效果的逻辑,确保这些效果在许多不同的输入模式下保持一致。目前,开发者通过观察滚动事件和构建临时超时算法来满足此需求。
Popover API
此 API 可用于构建在所有其他 Web 应用界面之上显示的瞬态界面 (UI) 元素。包括操作菜单、表单元素建议、内容选择器和教学界面等用户互动元素。此 API 使用新的 popover
内容属性,以允许任何元素显示在顶层。它与 <dialog>
元素类似,但具有几个重要区别,包括轻关闭行为、弹出式窗口互动管理和事件支持,以及缺少“模态”模式。
“requestDevice()
”中的网络蓝牙 exclusionFilters
选项
借助 navigator.bluetooth.requestDevice()
中的 exclusionFilters
选项,网站开发者可以从浏览器选择器中排除某些设备。此参数可用于排除符合范围更广的过滤条件但不受支持的设备。
查看示例代码,展示了如何使用 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,网络开发者可以使用原生平台的 API 进行相机背景分割。随着背景模糊处理已成为视频会议应用中最常用的功能之一,我们希望 Web 应用能够使用相同的平台 API,而不依赖于 TensorFlow.js、Mediapipe、WASM 库或云端解决方案等机器学习框架。
弃用和移除
Chrome 114 中没有新的废弃或移除信息。