说明
[1] What's New In DevTools (Chrome 91)
developer.chrome.com/blog/new-in…
新特性都是先在 Chrome 的 Canary、Beta 通道中发布的，要想第一时间体验新特性，请下载 Canary 或 Beta 通道版本的 Chrome。本文中的所有链接都需要自备梯子。
新特性一：性能标签中 Web Vitals 时间线上的标记光标悬停会气泡显示详情
新特性二：支持可视化 css 的 scroll-snap 属性
在 Elements 面板中，设置了 scroll-snap-type 属性的元素上会显示一个 scroll-snap 徽标，点击即可查看
新特性三： 新增 ArrayBuffer 和 wasm 内存查看器
关于这个工具的使用，可查看 Inspect JavaScript ArrayBuffer with the Memory inspector. developer.chrome.com/docs/devtoo…
新特性四： Elements 面板中的徽标显示支持手动设置
在 Elements 面板中，选择任意 DOM 节点右击，选择 Badge Settings 即可设置
新特性五： 图片语言气泡的信息更详细了
如下图
新特性六：Network 面板新增网络环境控制项
点击网络图标，可以看到新增了一个 Accepted Content-Encodings 选择，可以用于测试不支持某项时的效果
新特性七：Styles 面板相关的完善
1. 新增快捷方式查看光标下 css 属性的 computed value
2. 新增 accent-color 属性补全
新特性八：分类化的 issues
如下图，红色图标表示页面级错误，如 CORS 异常；黄色图标表示后续版本兼容性警告；蓝色图标表示存在优化的可能性。
新特性九：Application 新增 Trust Token 删除按钮
关于 Trust Token, 可查看 get started with Trust Tokens
新特性十：查看受 Permission 政策所影响的特性
往期文档
Chrome 90 开发者工具新特性
share.mubu.com/doc/4fYPxZF…
Chrome 更新日志目录
mubu.com/doc/AObcWUR…
其他说明
本文同时发布与于
幕布平台：share.mubu.com/doc/12DAtdu…
掘金平台：juejin.cn/post/695720…
作者：西楼听雨（微信名 t.t.）联系 & 交流 & 聘用
