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

Google 用户调研。

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

可修改的 @property 规则

现在，您可以在元素 > 样式窗格的相应部分中修改 @property CSS @ 规则。

Chromium 问题：1471123。

系统会报告 @property 规则无效的问题

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

Chromium 问题：1473283。

更新了要模拟的设备列表

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

Chromium 问题：1479733。

在“来源”中以美观格式打印脚本标记中的内嵌 JSON

来源面板现在支持在 <script> HTML 标记中以美观的格式显示内嵌 JSON，以便更轻松地进行调试。

Chromium 问题：406900、1473875。

在控制台中自动补全私有字段

现在，在控制台中于类范围之外评估私有类字段时，可以自动补全这些字段。

Chromium 问题：1483848、1381806。

Lighthouse 11.1.0

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

如需了解有关在开发者工具中使用 Lighthouse 面板的基础知识，请参阅 Lighthouse：优化网站速度。

Chromium 问题：772558。

无障碍功能改进

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

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

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

Chromium 问题：1485257、1486643、1485263。

Web SQL 弃用

由于 Web SQL 数据库 API 不再维护，应用 > Web SQL 部分将在 Chrome 123 中移除。此版本在有关即将移除的部分的开头添加了警告。

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

Chromium 问题：1485966。

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

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

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

DevTools 团队感谢 Alexey Rodionov 在上一个版本中实现了此变更和其他清单警告改进。

Chromium 问题：1476656。

其他亮点

此版本包含以下值得注意的修复和改进：

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

下载预览渠道

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

与 Chrome 开发者工具团队联系

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

• 请前往 crbug.com 向我们提交反馈和功能请求。
• 在开发者工具中，依次点击 more_vert 更多选项 > 帮助 > 报告 DevTools 问题，报告开发者工具问题。
• 在 Twitter 上向 @ChromeDevTools 发送推文。
• 在 DevTools 新变化 YouTube 视频或 DevTools 提示 YouTube 视频中发表评论。

开发者工具的新变化

开发者工具的新变化系列中涵盖的所有内容的列表。