What's new in DevTools, Chrome 127  |  Blog  |  Chrome for Developers

Chrome 127 版本为开发者工具（DevTools）带来了一系列新特性和改进，旨在提升开发者的调试和开发效率。

1. 元素面板（Elements Panel）

• CSS 锚点定位检查：在“样式”标签页中，现在可以直接链接到明确的锚点标识符和隐式锚点的节点，同时 popovertarget 属性值也会链接到其对应的 DOM 元素。

2. 源代码面板（Sources Panel）改进

• 增强的“永不在此暂停”功能：允许开发者阻止调试器在相同行上重复暂停，适用于内建函数的异常或 promise 拒绝，以及 WebAssembly 反汇编中的取消操作。
• 新的滚动捕捉事件监听器：增加了与滚动捕捉相关的事件监听器。

3. 网络面板（Network Panel）改进

• 更新的网络节流预设：采用 Lighthouse 的预设。
• HAR 格式中的服务工作信息：在将网络日志导出为 HAR 格式时，现在可以看到与服务工作相关的信息，如时间戳，作为自定义字段显示。

4. 性能面板（Performance Panel）

• WebSocket 事件的发送与接收：现在可以在性能追踪中捕获和显示发送和接收 WebSocket 消息的事件。

5. 其他显著改进

• 辅助功能增强，例如屏幕阅读器现在可以在控制台中通过上下箭头键滚动时宣布消息内容。
• 内存面板中去除了不必要的零大小内部节点。
• 修复了网络面板中流式响应内容预览的相关问题。

6. 预览通道下载

• 推荐使用 Chrome Canary、Dev 或 Beta 作为默认开发浏览器，以获取最新的 DevTools 功能和测试前沿的 Web 平台 API。

7. 与 Chrome DevTools 团队联系

• 提供了多种途径，包括通过 crbug.com 提交建议或反馈，使用 DevTools 报告问题，或在社交媒体上与团队互动。