以下是您有必要知道的信息:
- CSS
text-wrap: balance
可用于改进文本布局。 - 按顶级网站 (CHIPS) 划分的 Cookie 均位于此处。
- 借助 Popover API,弹出式窗口变得前所未有的简单。
- 还有许多更多内容。
我是 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 划分方式可以保护隐私。
当用户访问网站 A 时,使用 CHIPS 且来自网站 C 的嵌入内容使用 Partitioned 属性设置 Cookie,所以只有网站 C 在网站 A 中嵌入的 Cookie 才会保存在分区的 jar 中。只有当顶级网站为 A 时,浏览器才会发送该 Cookie。
当用户访问新网站(例如网站 B)时,网站 C 将不会收到在网站 A 中嵌入时设置的 Cookie。
请参阅这篇文章,详细了解逐步停用第三方 Cookie 的流程。
Popover API。
借助 Popover API,您可以更轻松地构建在所有其他 Web 应用界面之上显示的瞬时界面元素。
其中包括操作菜单、表单元素建议、内容选择器和教学界面等用户互动元素。
新的 Popover 属性可让任何元素自动显示在顶层中。这意味着开发者无需再担心定位、元素堆叠、焦点或键盘互动问题。
这与 <dialog>
元素类似,但有几个重要区别,包括轻关闭行为、弹出式窗口互动管理和事件支持,以及没有“模态”模式。
请参阅这篇文章了解详情。
还有更多其他奖励!
当然还有许多其他功能。
- 借助开发者工具,您可以在 DWARF 支持下暂停和调试 WebAssembly 应用中的 C 与 C++ 代码。
- 借助
navigator.bluetooth.requestDevice()
中的exclusionFilters
选项,Web 开发者可以从浏览器选择器中排除某些设备。 - 有针对背景模糊处理的源试用。
深入阅读
这里仅介绍一些重要的亮点。如需了解 Chrome 114 中的其他变化,请点击以下链接。
- Chrome 开发者工具的新变化 (114)
- Chrome 114 弃用和移除
- 针对 Chrome 114 的 ChromeStatus.com 更新
- Chromium 源代码库更改列表
- Chrome 发布日历
订阅
如需随时了解最新动态,请订阅 Chrome Developers YouTube 频道,每当我们发布新视频时,您都会收到电子邮件通知。
嗨,Adriana Jara!Chrome 115 发布后,我会在这里 告诉大家 Chrome 的新变化!