Chrome 130 版本开发者工具（DevTools）更新内容

Chrome 130 版本开发者工具（DevTools）更新内容

一、网络（Network）面板更新

1. 重新定义网络过滤器

网络面板获新增了一些过滤条件，这些过滤条件是根据反馈重新设计的，特定于类型的过滤条件保持不变，即在简洁的多选栏中显示一组标记。

可以通过 Cmd/Ctrl 键 + 点击来多选类型过滤条件。

为了简化界面，我们将与隐藏、屏蔽和第三方相关的复选框移到了下拉列表下方。该列表包含一个数字，表示下拉菜单下已选中的过滤条件数量。

如需恢复旧版过滤器设计，到 Settings > Experiments > Redesign of the filter bar in the Network panel，然后清除该复选框。

设置 > 实验 > “网络”面板中的过滤器栏重新设计

2. HAR 导出内容现在默认会排除敏感数据

为降低敏感信息意外泄露的几率，默认情况下，以 HAR 格式导出的网络日志将不再包含 Cookie、Set-Cookie 和 Authorization 标头。

如需以 HAR 格式导出包含敏感数据的日志，到 Settings > Preferences > Network > Allow to generate HAR with sensitive data，然后将其开启。网络面板会用箭头标记下载 导出按钮。长按该按钮，然后从下拉菜单中选择导出 HAR（含敏感数据）。

设置 > 偏好设置 > 网络 > 允许生成包含敏感数据的 HAR

二、元素（Elements）面板更新

1. text-emphasis-* 属性的自动补全值

Styles 标签页中的自动补全功能会针对以下 CSS 属性提供值建议：

• text-emphasis 简写形式
• text-emphasis-style