开发者工具中的新功能 (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

改进了“元素”>“样式”中的 @property 部分

可修改的 @property 规则

现在，您可以在 Elements > Styles 窗格的相应部分中修改 @property CSS at-rule。

在将属性规则设为可修改之前和之后。

Chromium 问题：1471123。

报告了 @property 规则无效的问题

问题标签页现在会报告 @property 规则中无效声明的问题。

“问题”标签页中报告的与媒体资源规则有关的问题。

Chromium 问题：1473283。

更新了要模拟的设备列表

设置。 设置 > 设备 中的用户代理字符串已更新，以反映浏览器和操作系统的平均使用情况。现在，您可以在设备模式下模拟更多最新设备。

更新设备列表前后。

Chromium 问题：1479733。

在“Sources”中的脚本标记中整齐打印内嵌 JSON

Sources 面板现在支持在 <script> HTML 标记中以美化格式输出内嵌 JSON，以便更轻松地进行调试。

在脚本标记中设置 JSON 内嵌格式之前和之后。

Chromium 问题：406900、1473875。

在 Play 管理中心内自动补全私密字段

现在，您可以在 Console 中在类作用域之外评估私有类字段时自动补全这些字段。

支持类范围之外的私有类字段的自动补全功能的之前和之后。

Chromium 问题：1483848、1381806。

Lighthouse 11.1.0

Lighthouse 面板现在运行的是 Lighthouse 11.1.0。请参阅完整的变更列表。

如需了解如何在 DevTools 中使用 Lighthouse 面板的基础知识，请参阅 Lighthouse：优化网站速度。

Chromium 问题：772558。

无障碍功能改进

屏幕阅读器现在会读出以下内容：

  • 控制台中的警告和错误。
  • 将代码粘贴到控制台或来源时，您信任此代码吗？对话框中的文本。

此外，应用面板修复了高对比度模式下链接的对比度问题。

Chromium 问题：1485257、1486643、1485263。

废弃 Web SQL

由于 Web SQL Database API 不再受维护，因此 Chrome 123 中将移除 Application > Web SQL 部分。此版本在有关即将移除的部分中添加了一条警告。

Web SQL 弃用警告。

如需了解详情，请参阅弃用和移除 Web SQL。

Chromium 问题：1485966。

“应用”>“清单”中的屏幕截图宽高比验证

应用 > 清单部分现在会检查您的 Web 应用的屏幕截图是否具有相同的宽高比，且设备类型（wide 或 narrow）也相同。

关于宽高比不正确的屏幕截图的警告。

如需了解详情，请参阅调试渐进式 Web 应用和添加 Web 应用清单。

开发者工具团队感谢 Alexey Rodionov 在之前的版本中完成这项更改以及其他清单警告改进。

Chromium 问题：1476656。

其他亮点

以下是此版本中的一些值得注意的修复和改进：

  • 元素：
    • 在可展简写 CSS 属性下，系统不会显示动画时序函数样条（1149182）。
    • contain-intrinsic-* 的自动补全功能现在不会提供不正确的单个 auto 值，因为它应为 auto <length> (1480415)。
    • 移除了对已废弃和无效的 -webkit-* 属性的支持 (1086089、1030765)。
  • 断点：修复了更改断点类型时断点编辑对话框消失的 bug (1485782)。
  • 效果：
    • 修复了表演录制期间的颜色解析错误 (1480205)。
    • 修复了 Timings 轨道中未显示 LCP 的 bug (1487136)。
  • 广告网络：设置的 Cookie 数量列现在会显示设置的 Cookie 数量（不包括已屏蔽的 Cookie），数量正确无误（1486903）。
  • DevTools 扩展程序现在会在导航到未屏蔽的宿主后加载 (1476264)。
  • 修复了扩展程序脚本执行上下文不正确的 bug (1275331)。

下载预览渠道

不妨考虑将 Chrome Canary 版、开发者版或 Beta 版用作默认开发浏览器。通过这些预览版渠道，您可以使用最新的 DevTools 功能、测试尖端的 Web 平台 API，并帮助您在用户发现问题之前发现网站上的问题！

与 Chrome DevTools 团队联系

您可以使用以下选项讨论与 DevTools 相关的新功能、更新或任何其他内容。

开发者工具的新变化

DevTools 新变化系列中涵盖的所有内容的列表。