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

若要检查 Microsoft Edge DevTools 的最新功能以及 Microsoft Visual Studio Code 和 Visual Studio 的 Microsoft Edge DevTools 扩展，请阅读这些公告。

若要随时了解最新并获取最新的 DevTools 功能，请下载 Microsoft Edge 的预览体验成员预览版。 无论你使用的是 Windows、Linux 还是 macOS，都应考虑使用 Canary (或其他预览频道) 作为默认开发浏览器。 Microsoft Edge 的 Beta 版、Dev 版和 Canary 版本作为单独的应用运行，与 Microsoft Edge 的稳定发布版本并排运行。 请参阅 Microsoft Edge 预览体验成员频道。

有关最新公告， 请在 Twitter 上关注 Microsoft Edge 团队。 若要报告 DevTools 问题或请求新功能，请在 MicrosoftEdge/DevTools 存储库中提交问题。

Microsoft Edge 远程工具 应用现在可在 Xbox 和 HoloLens 设备上使用。 Microsoft Edge 远程工具应用是适用于桌面的 Windows 设备门户的插件，可远程调试 Microsoft Edge 中的选项卡、渐进式Web 应用 (PWA) 和 WebView2 控件。 通过使用远程调试，可以在远程设备上运行 Web 内容，并直接从开发计算机对其进行调试。

启用远程调试后，无需再在 HoloLens 或 Xbox 设备上打开 DevTools。 相反，你可以使用设备门户连接到远程 Xbox 或 HoloLens 设备，打开 edge://inspect 页面，然后选择要与 DevTools 一起使用的目标 (选项卡、PWA 或 WebView2 控件) 。

若要向我们提供有关 Microsoft Edge 的远程调试流的反馈，请在 问题 136：远程调试 Xbox 和 HoloLens 设备现已随最新版本的 Microsoft Edge 应用的远程工具一起提供注释。

另请参阅：

在以前版本的 Microsoft Edge 中，若要模拟不同的主题或视觉缺陷，可以使用 渲染 工具（例如，模拟 Achromatopsia），即用户无法感知任何颜色时。

在 Microsoft Edge 111 中，除了使用呈现工具，现在还可以直接从设备模式工具栏访问这些主题和视觉缺陷仿真控件。

例如，若要模拟高对比度模式并测试 Web 内容的响应方式，请执行以下操作：

还可以通过单击“滴管”图标旁边的“眼睛”图标来模拟视力缺陷。 例如，若要模拟模糊的视觉，

另请参阅：

Microsoft Edge 99 向 性能 工具添加了名为 Unminify 的新功能。 此 Unminify 功能将源映射应用于使用 性能 工具记录的配置文件，然后将未压缩的配置文件下载到计算机。 DevTools (Microsoft Edge 99) 的新增功能中的使用源映射在性能配置文件中显示原始函数名称中介绍了 Unminify 功能。

在 Microsoft Edge 111 中，此功能已被删除，因为只要加载了源映射，性能工具现在在分析生产代码时会自动提供原始文件和函数名称。 通过将源映射托管在 Azure Artifacts 符号服务器上，可以安全可靠地加载源映射。

在下图中，分析生产代码时，在火焰图中看到缩小的函数名称：

现在，在 Microsoft Edge 111 中， 性能 工具在分析生产代码时会自动取消删除火焰图中的函数名称：

另请参阅：

在以前版本的 Microsoft Edge 中，在 焦点模式下， 元素 工具无法提供访问 “样式 ”窗格中所有选项卡的简单方法。 在 Microsoft Edge 111 中，此问题已修复。 当 “样式 ”窗格具有较窄的视区并且无法显示所有其他可用选项卡时，请单击“ 更多选项卡 展开器”图标 () ：

若要在“ 样式 ”窗格中仅显示几个选项卡，请单击“ 更多选项卡 折叠器”图标 () ：

另请参阅：

Microsoft Edge 109 在性能工具中引入了选择器统计信息功能。 在“性能”工具中启用“启用高级呈现检测 (慢速) 设置后，选择火焰图中的任何”重新计算样式“事件会在底部窗格中添加”选择器统计信息“选项卡。 请参阅 DevTools (Microsoft Edge 109) 中的新增功能中的使用新的选择器统计信息调试长时间运行的重新计算样式事件。

在 Microsoft Edge 111 中，现在可以将每个“重新计算样式”事件的“选择器统计信息”表导出到 Microsoft Excel 工作簿。 然后，可以使用 Excel 执行聚合选择器性能分析，并确定在配置文件的生存期内成本最高的选择器。

导出 选择器统计信息 表：

另请参阅：

在早期版本的 Microsoft Edge 中，将工具从活动栏移动到快速视图时，辅助技术（如屏幕阅读器）未宣布确认。 在 Microsoft Edge 111 中，此问题已修复。 将网络工具从活动栏移动到快速视图时，屏幕阅读器现在会报出“已成功将 网络 添加到快速视图”：

另请参阅：

Microsoft Edge 111 还包括来自 Chromium 项目的以下更新：