chrome_win32_stable_118.0.5993.70

CSS @scope 规则。

借助 @scope at-rule，开发者可以将样式规则的范围限定为给定的限定根，并根据与该限定根的接近程度设置元素样式。

借助 @scope，您可以根据接近度替换样式，这与仅依赖于来源顺序和特异性应用的常规 CSS 样式不同。在以下示例中，有两个主题。

如果未指定作用域，则应用的样式为最后声明的样式。

借助作用域，您可以使用嵌套元素，并且应用的样式是最近的祖先元素的样式。

借助作用域，您还可以避免编写冗长而复杂的类名称，并轻松管理较大的项目并避免名称冲突。

借助作用域，您还可以为组件设置样式，而无需为嵌套在其中的某些内容设置样式。从某种意义上讲，您可以创建不应用受限样式的“漏洞”。

如以下示例所示，我们可以为文本应用样式并排除控件，反之亦然。

如需了解详情，请参阅使用 CSS @scope at-rule 限制选择器的范围一文。

prefers-reduced-transparency 媒体功能

我们使用媒体查询来提供可根据用户偏好设置和设备条件而调整的用户体验。此 Chrome 版本添加了一个可用于调整用户体验的新值：prefers-reduced-transparency。

您可以使用媒体查询测试的新值是 prefers-reduced-transparency，它可让开发者根据用户选择的偏好设置调整 Web 内容，以减少操作系统中的透明度，例如 macOS 上的“降低透明度”设置。有效选项为 reduce 或 no-preference。

您可以使用开发者工具查看其效果：

如需了解详情，请参阅 prefers-reduced-transparency 文档。

更正：本文的先前版本提到了此版本中包含新的 scripting 媒体功能。实际上，它将采用 120 版。

开发者工具中的“来源”面板改进

DevTools 在 Sources 面板中进行了以下改进：Workspace 功能提高了一致性，最值得注意的是，通过将 Sources > Filesystem 窗格重命名为 Workspace 以及其他界面文本，Sources > Workspace 还可让您将在 DevTools 中进行的更改直接同步到源文件。

此外，您现在可以通过拖放来重新排列 Sources 面板左侧的窗格，并且 Sources 面板现在可以为以下脚本类型内嵌的 JavaScript 进行美化输出：module、importmap、speculationrules，并突出显示 importmap 和 speculationrules 脚本类型的语法（这两种脚本类型都包含 JSON）。

如需详细了解 Chrome 118 版开发者工具的更新，请参阅开发者工具的新变化。

等等！

当然，还有许多其他功能。

• WebUSB API 现已公开提供给由浏览器扩展程序注册的服务工件，让开发者在响应扩展程序事件时可以使用该 API。
• 为帮助开发者减少付款请求流程中的不便，我们将移除 Payment Request 和 Secure Payment Confirmation 中的用户激活要求。
• Chrome 的发布周期越来越短，稳定版将每三周发布一次，从三周后的 Chrome 119 开始。

官方原文：New in Chrome 118