DevTools (Microsoft Edge 94) 中的新增功能

以下是 Microsoft Edge DevTools 稳定版中的最新功能。

视频:Microsoft Edge |DevTools 94 中的新增功能

视频“Microsoft Edge | 的缩略图DevTools 94 中的新增功能”

在 Web 上搜索控制台错误

在 Web 中从 DevTools 中搜索 控制台 错误。 在 控制台中,许多错误现在在“Web”按钮上显示“ 搜索此消息 ”,显示为放大镜。 在 “Web”按钮上选择“搜索此邮件 ”时,浏览器中将打开一个新选项卡,并显示错误的搜索结果:

控制台中出现错误时出现“在 Web 上搜索此消息”按钮

请参阅 在 Web 上搜索控制台错误消息字符串

在适用于 Visual Studio Code 的 Microsoft Edge DevTools 扩展的最新版本中,我们发布了以下更新或新功能:

  • 共享用于基于浏览器的 DevTools 的相同基本代码。
  • 支持随Visual Studio Code一起提供的主题。
  • Microsoft Edge Tools 边栏中添加“有用链接”部分,其中包含“文档”、“报告 Bug”和“请求功能”按钮。
  • 在“XMicrosoft Edge 工具>目标”窗格中添加关闭实例 () 按钮,以关闭扩展打开的浏览器。
  • 添加了对远程工作区的 JavaScript 调试器连接的支持。

在Visual Studio Code内运行的扩展,匹配Visual Studio Code的深色主题,以及新的“有用链接”边栏:

与深色主题匹配的扩展

还支持Visual Studio Code中的浅色主题:

在Visual Studio Code内运行的扩展,与Visual Studio Code的浅色主题匹配,以及新的“有用链接”边栏

另请参阅:

使用Visual Studio Code主题时,现在会显示断点图标

更新:从 Microsoft Edge 131 开始,删除了Visual Studio Code主题功能,此类主题还原默认主题:

  • Light+
  • 深色+

在 Microsoft Edge 版本 93 中,可以将 Visual Studio Code 中使用的主题应用于 DevTools 扩展。

以前,在 DevTools 中使用 Visual Studio Code 中的主题时,工具中代码左边距上的断点图标不会显示。 从 Microsoft Edge 94 开始,断点图标现在按预期显示:

使用Visual Studio Code主题时,现在会显示断点图标

另请参阅:

以前,当工具栏具有焦点时,无法使用键盘上的箭头键导航到 DevTools 中的“ 更多工具 (+) ”按钮。 使用箭头键时,到达工具栏中的最后一个工具后,焦点循环回到第一个工具,或显示“ 更多选项卡 ”菜单。

从 Microsoft Edge 版本 93 开始,当焦点位于工具栏上时,可以使用箭头键选择“ 更多选项卡 (>>) ”按钮和“ 更多工具” 按钮:

使用箭头键将焦点放在“更多选项卡”或“更多工具”按钮上

另请参阅:

注意

此页面的某些部分是根据 Google 创建和共享的作品所做的修改,并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。 原始页面 在此处 找到,由 Jecelyn Yeen 创作。

Creative Commons 许可证 本作品根据 Creative Commons Attribution 4.0 International License 获得许可。

另请参阅