新特性一：新增 Flex 布局调试工具
这个新的调试工具其实在 Chrome 89 中已经存在，只不需要打开对应的实验性特性，这次更新转正了
Styles 面板中所有 display: flex; / display: inline-flex; 属性后面会有一个图标按钮，点击即可打开 Flex 调试工具；Elements 面板中 DOM 节点上也会有 'flex' 标记，点击此标记也可以打开 Flex 调试工具
在 Layout 面板中还新增了 Flex 目录（见下图），勾选对应复选框，可以在页面上将对应匹配的元素的 Flex 布局勾勒出来
新特性二：新增关键性能指标展示浮层
在 Rendering 标签中勾选 Core Web Vitals 复选框，即可展示浮层（如下图）
关于各项指标的含义，可以查看：Core Web Vitals
新特性三： Issues 表将记录 Trusted Web Activity 问题
如下图
扩展阅读
- [1] 如何创建和应用 Trusted Web Activity： www.youtube.com/watch?v=QJl…
新特性四： Console 中输出的字符串将带上转义字符
如下图。编注：这将方便我们从 Console 复制内容到代码编辑器中
新特性五： Application 面板新增 Trust Tokens 子面板
如下图
扩展阅读：get started with Trust Tokens
新特性六：新增 color-gamut 媒体查询模拟支持
如下图（color-gamut 媒体查询项可以用来判断浏览器当前所在显示设备的色彩空间）
新特性七：PWA 工具提升
1. 从 Chrome 93 开始，PWA 的安装条件将做出改变，为了提前让开发者适应，Chrome 会将对不满足 Chrome 93 变更后条件的 PWA 网站在控制台发出警告提示
2. 对长度超出 324 个字符对 manifest，Application 面板会给出错误和警告提示
3. 对于 manifest 中 screenshots 属性不满足要求的情况，也会给出错误和警告
扩展阅读：screenshots 属性的要求
新特性八：Network 请求新增 Remote Address Space 列
我们都知道 IP 地址是有 ABCDE、私有公有特殊环回的划分的，这次新增的列展示的就是目的 IP 的分类信息。
新特性九：Frame 详情面板新增 Permissions Policy 详情
新特性十：Cookies 面板新增 SameParty 列
SameParty 是新起草的 First-Party Sets (第一方列表）提案中衍生出来的特性，First-Party Sets 是一份域名列表，可以理解网站列表的一份“我方列表”或“队友列表”，相当于白名单，在此列表中的域名是受我方信任的域名，对于一些敏感性操作、权限、特性比起名单外的第三方拥有更高权限。SameParty 用来表明此 Cookie 是否授予 First-Party 列表共享。
扩展阅读：First-Party Sets
往期文档
Chrome 89 开发者工具新特性
share.mubu.com/doc/3vOaXg9…
Chrome 更新日志目录
mubu.com/doc/AObcWUR…
其他说明
本文同时发布与于
幕布平台：share.mubu.com/doc/4fYPxZF…
掘金平台：juejin.cn/post/693895…
作者：西楼听雨
微信：tangtang-2021 (联系 & 交流 & 聘用)
