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 扩展现在在导航到非阻止主机后加载。 修复了扩展程序的执行上下文不正确的错误。
大家都在看