参考源: What's New In DevTools (Chrome 95)
developer.chrome.com/en/blog/new…
新特性都是先在 Chrome 的 Canary 通道中发布的，要想体验本文提到的新特性，请下载 Canary 通道版本的 Chrome。本文中的所有链接都需要自备梯子。
新特性一：CSS 面板中的显示的长度单位支持下拉选择来切换
如下图，在任意长度单位上点击将显示一个单位列表供选择来切换
提示： 现有版本的一些特性
当光标放在长度值上时，光标会变成一个水平的双向箭头，按住左右拖动可以很方便的调整长度值
新特性二：问题列表面板支持将指定类型的问题隐藏
如果问题过多，问题列表会非常拥挤，对于我们不关注的问题，我们可以将其隐藏，防止干扰我们的视线。在新版的 Chrome 中，我们可以点击问题右边的菜单入口展开菜单，选择“Hide issuses like this”（隐藏此类问题）来实现隐藏
被隐藏的问题将进入 Hidden issues 目录，在那里我们可以相同的方式取消隐藏
新特性三：对象的自身属性将加粗并置顶显示
在这之前，自身属性和继承属性在显示上没有区别，自身属性的加粗并置顶显示，便于我们快速区分，特别是在属性太多的情况，见下图 （access 和 user 属性是我们手动添加的）：
除此之外，Element 标签中的 Properties 面板对 DOM 显示不在按继承链分层显示了——扁平化了（个人认为这是一个倒退）：
新特性四：Lighthouse 更新到了 8.4 版本
Lighthouse 标签中运行的现在是 Lighthouse 8.4 版本，这次版本新增了一个报告项：如果 LCP 元素是延迟加载的图片，将建议移除 img 上的 loading 属性
关于 LCP 指标的介绍可以查看 Largest Containful Paint (LCP)
关于 8.4 版本的更新日志可以查看 What’s new in Lighthouse 8.4
新特性五： Snippets 小面板中默认按字母排序
在这之前默认是无序的
新特性六：支持查看更新日志的其他语言版本
继上一个版本加入界面多语言选项后，这次对更新日志也加入了多语言，如下图，点击 Learn More 即可在打开后的页面中找到其他语言版本的更新日志（不是所有语言都有，要看翻译的情况来），如果发现存在你翻译问题，可以点击下图中右边箭头的菜单反馈
新特性七：命令菜单界面 UI 更友好
见下图。注：CTRL/Cmd + o 可调起命令菜单
往期文档
Chrome 94 开发者工具新特性
www.mubucm.com/doc/2gonWxc…
Chrome 更新日志目录
mubu.com/doc/AObcWUR…
本文同时发布与于
幕布平台：www.mubucm.com/doc/Vzxg5Od…
掘金平台：juejin.cn/post/701620…
作者：西楼听雨（微信名 t.t.）
