Chrome 114 的新变化

Adriana Jara

以下是您有必要知道的信息：

我是 Adriana Jara。我们来深入了解下，看看 Chrome 114 会为开发者带来哪些新变化。

text-wrap:balance.

使用 text-wrap: balance 改进文本布局。下面的动画展示了使用这行代码可以产生的不同。

试用演示

作为开发者，您并不知道文本的最终大小、字体大小，甚至语言。为了有效处理文本换行，需要所有变量。由于浏览器了解所有因素，因此您可以通过 text-wrap:balance 请求浏览器找出最佳的均衡换行解决方案。

前面两个示例是一起显示的，一个标记为不平衡，另一个标记为平衡。

均衡的文本块会让读者感到更赏心悦目。这样更能吸引用户的注意力，而且总体来说更便于阅读。

平衡标题无论是并且应该是 text-wrap: balance 的主要用途。平衡文本会降低性能，因此要降低开销，它最多只支持四行。

请参阅这篇文章，查看示例和更多详细信息，了解如何改进文字布局。

CHIPS：具有独立分区状态的 Cookie。

借助 CHIPS（具有独立分区状态的 Cookie），可以使用新的 Cookie 属性 Partitioned 选择启用由顶级网站划分的第三方 Cookie。

在 CHIPS 之前，当用户访问网站 A 时，嵌入式网站 C 可以在用户的计算机上设置 Cookie。如果用户随后访问了同样嵌入了网站 C 的网站 B，则网站 C 可以访问在网站 A 上设置的同一 Cookie。这样，网站 C 就可以编译用户在网站 A、网站 B 以及网站嵌入的每个网站上的浏览活动。

显示使用未分区 Cookie 的网站和存储空间的示意图。

尽管跨网站跟踪是一个问题，但也存在有效的跨网站 Cookie 需求，而 Cookie 划分方式可以保护隐私。

当用户访问网站 A 时，使用 CHIPS 且来自网站 C 的嵌入内容使用 Partitioned 属性设置 Cookie，所以只有网站 C 在网站 A 中嵌入的 Cookie 才会保存在分区的 jar 中。只有当顶级网站为 A 时，浏览器才会发送该 Cookie。

显示使用 Cookie 的网站和分区存储的示意图。

当用户访问新网站（例如网站 B）时，网站 C 将不会收到在网站 A 中嵌入时设置的 Cookie。

请参阅这篇文章，详细了解逐步停用第三方 Cookie 的流程。

Popover API。

借助 Popover API，您可以更轻松地构建在所有其他 Web 应用界面之上显示的瞬时界面元素。

其中包括操作菜单、表单元素建议、内容选择器和教学界面等用户互动元素。

新的 Popover 属性可让任何元素自动显示在顶层中。这意味着开发者无需再担心定位、元素堆叠、焦点或键盘互动问题。

这与 <dialog> 元素类似，但有几个重要区别，包括轻关闭行为、弹出式窗口互动管理和事件支持，以及没有“模态”模式。

请参阅这篇文章了解详情。

还有更多其他奖励！

当然还有许多其他功能。

深入阅读

这里仅介绍一些重要的亮点。如需了解 Chrome 114 中的其他变化，请点击以下链接。

订阅

如需随时了解最新动态，请订阅 Chrome Developers YouTube 频道，每当我们发布新视频时，您都会收到电子邮件通知。

嗨，Adriana Jara！Chrome 115 发布后，我会在这里 告诉大家 Chrome 的新变化！