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

Jecelyn Yeen

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

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

前往设置 >快捷键：将鼠标悬停在相应命令上，然后点击修改按钮（笔图标）即可自定义键盘快捷键。您也可以创建和弦（也称为多键按下快捷键）。

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

Chromium 问题：1335274、174309

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

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

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

Chromium 问题：1280398、1226363

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

Memory Inspector 会突出显示 C/C++ 内存对象的所有字节。

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

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

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

Chromium 问题：1336568

支持 HAR 导入的完整发起者信息

您现在可以查看 HAR 导入的完整发起者信息。以前，网络面板在导入期间仅显示部分发起者信息。

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

支持 HAR 导入的完整发起者信息。

Chromium 问题：1343185

按 Enter 后启动 DOM 搜索

您现在可以停用输入时搜索设置，以便始终在按 Enter 键后启动 DOM 搜索。

在元素面板中，使用 Ctrl 键或 Command + F 组合键来切换搜索栏。当您在搜索文本框中输入查询时，DOM 树将跳转到第一个匹配元素并默认突出显示该元素。

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

DOM 搜索。

前往设置 >偏好设置，请停用输入时搜索。实施这项更改后，搜索只有在按 Enter 键后才会开始。

“即输即搜”设置。

Chromium 问题：1344526

显示 align-content CSS Flexbox 属性的 start 和 end 图标

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

“align-content”Flexbox 属性。

Chromium 问题：1139945

其他亮点

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

下载预览渠道

请考虑将 Chrome Canary、开发者版或 Beta 版用作您的默认开发浏览器。通过这些预览渠道，您可以访问最新的开发者工具功能，测试先进的网络平台 API，并在用户之前发现您网站上的问题！

与 Chrome 开发者工具团队联系

使用以下选项讨论博文中的新功能和变更，或与开发者工具相关的任何其他内容。

  • 请通过 crbug.com 提交建议或反馈。
  • 使用更多选项报告开发者工具问题 展开 >帮助 >在开发者工具中报告开发者工具问题。
  • 请发送电子邮件至 @ChromeDevTools。
  • 请对我们的开发者工具新功能 YouTube 视频或开发者工具提示 YouTube 视频发表评论。

开发者工具的新变化

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