Chrome 119 DevTools 新特性一览
Chrome 119 版本已正式发布
改进了Elements > Styles 面板中的 @property 部分
更新要模拟的设备列表
Sources 面板中增加格式化展现内联JSON
Console 面板中增加对类私有字段的自动完成
1.版本升级
以 macOS 为例 Chrome 升级到 119 的最新版本为 119.0.6045.105，如下图：
2.新特性初体验
2.1.改进了 Elements > Styles 面板中的 @property 部分
1）可编辑的 @property 规则
历史版本中，DevTools 会以斜体显示不可编辑的规则，你现在可以在 Elements > Styles 中编辑 @property 规则，如下图：
2）报告无效的 @property 规则
在 issue 选项卡会报告 @property规则中无效声明问题，如下图：
2.2.更新要模拟的设备列表
在 Settings > Devices 的用户代理字符串（userAgent）已更新，以反映浏览器和操作系统的平均使用情况。您可以在模拟器中选择更多的最新设备来测试。如下图：
2.3.在源代码中漂亮地打印内联JSON
在 Sources 面板中已支持在 <script> HTML 标记中可以格式化展现内联的 JSON 数据，以方便调试，如下图：
2.4.Console面板中增加对类私有字段的自动完成
Chrome 119 版本中已增加对类私有字段（#号开头的）的自动完成功能，调试体验变得更好，如下图：
2.5.Lighthouse 升级到 11.1.0
Lighthouse 面板现在运行Lighthouse 11.1.0，如下图：
2.6.辅助功能改进
屏幕阅读器现在会阅读以下内容：
控制台中的警告和错误。 将代码粘贴到控制台或源代码时“您是否信任此代码？”对话框中的文本。此外，应用程序面板修复了高对比度模式下链接的对比度问题。
2.7. Web SQL 将被移除警告
由于不再维护 Web SQL Database API，在 Chrome 123 版本中，Application > Web SQL 部分将被移除。本版本将在该部分添加有关即将移除的警告。
2.8.Application > Manifest中的屏幕截图宽高比验证
Application > Manifest 部分已检查您的网络应用截图（具有相同的宽/窄形态）是否具有相同的宽高比。
2.9.其他修复和改进
本版本中还有一些值得注意的修复和改进：
元素： 在可展开的简写属性下，不再显示动画时间函数的色谱。 contain-intrinsic-*的自动完成现在不会提供不正确的单个自动值，因为它应该是auto <length>。已删除对已弃用和无效的 -webkit-*属性的支持。断点：修复了更改断点类型时断点编辑对话框消失的错误。 性能： 修复了性能记录期间的颜色解析错误。 修复了在时间轴中不显示LCP的错误。 网络：Set cookies 列现在显示设置的正确数量，但不包括被阻止的。 DevTools 扩展现在在导航到非阻止主机后加载。 修复了扩展程序的执行上下文不正确的错误。
大家都在看