开发者工具中的新功能 (Chrome 107)

Jecelyn Yeen

在开发者工具中自定义键盘快捷键

现在，您可以为开发者工具中的常用命令自定义键盘快捷键。

依次前往设置 > 快捷方式，将鼠标悬停在某个命令上，然后点击修改按钮（铅笔图标）以自定义键盘快捷键。您还可以创建组合键（也称为多键快捷键）。

Chromium 问题：1335274、174309

使用键盘快捷键切换浅色主题和深色主题

配置键盘快捷键，以便轻松切换浅色主题和深色主题。默认情况下，该操作未映射到任何键盘快捷键。

Chromium 问题：1280398、1226363

在内存检查器中突出显示 C/C++ 对象

内存检查器会突出显示 C/C++ 内存对象的所有字节。

在周围的 WebAssembly 内存中识别对象的字节一直是个痛点。您必须知道对象的大小，并从对象的开头开始计算字节数。

借助此功能，您可以将它们与周围的记忆区分开来。如需详细了解这些变更，请参阅扩展内存检查器以进行 C/C++ 调试。

Chromium 问题：1336568

支持在导入 HAR 文件时提供完整的发起方信息

现在，HAR 导入功能可提供完整的启动器信息。以前，网络面板在导入期间仅显示部分启动程序信息。

发起者信息有助于开发者跟踪网络请求的来源并识别与网络相关的问题。

Chromium 问题：1343185

在按下 Enter 后开始 DOM 搜索

现在，您可以停用即输即搜设置，以便在按 Enter 键后始终开始 DOM 搜索。

在元素面板中，按 Ctrl 或 Command + F 键可切换搜索栏。当您在搜索文本框中输入查询内容时，DOM 树会跳转到第一个匹配的元素，并默认突出显示该元素。

对于用户（尤其是经常使用冗长搜索查询的测试人员）而言，这种行为并不理想。当您输入较长的搜索查询（例如 //div[@id="example"]）时，DOM 树可能会多次跳动。此行为会产生不必要的运动。

依次前往设置 > 偏好设置，然后停用边输入边搜索。更改后，只有在您按 Enter 键后，系统才会开始搜索。

Chromium 问题：1344526

为 align-content CSS flexbox 属性显示 start 和 end 图标

在样式窗格中，修改具有 display: flex 或 display: inline-flex 的 CSS 类中的 align-content 属性。start 和 end 会显示在带有图标的自动补全下拉菜单中。

Chromium 问题：1139945

其他亮点

• 在控制台边栏中显示正确的消息数量。之前，清除控制台消息时，计数不会刷新。(1343311)

下载预览渠道

不妨考虑使用 Chrome Canary 版、开发者版或 Beta 版作为默认开发浏览器。通过这些预览渠道，您可以访问最新的 DevTools 功能，测试最前沿的 Web 平台 API，并在用户发现问题之前帮助您找到网站上的问题！

与 Chrome 开发者工具团队联系

您可以使用以下选项讨论新功能、更新或与开发者工具相关的任何其他内容。

• 请前往 crbug.com 向我们提交反馈和功能请求。
• 在开发者工具中，依次选择 more_vert 更多选项 > 帮助 > 报告 DevTools 问题，以报告 DevTools 问题。
• 在 Twitter 上向 @ChromeDevTools 发送推文。
• 在 DevTools 新变化 YouTube 视频或 DevTools 提示 YouTube 视频中发表评论。

开发者工具的新变化

开发者工具的新变化系列中涵盖的所有内容。