DevTools (Microsoft Edge 101) 中的新增功能
若要检查 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 存储库中提交问题。
控制台工具现已在 Visual Studio Code 中提供
控制台是 DevTools 中最受欢迎的工具之一。 现在可以访问适用于Visual Studio Code的 Microsoft Edge 开发人员工具扩展中的控制台工具。 借助此集成的 DevTools 控制台，可以在代码旁边查看日志消息。 使用控制台，还可以：
- 尝试一些 JavaScript 语句。
- 访问窗口对象。
- 调用 对象的方法
Console，如 控制台对象 API 参考中所述。 - 使用控制台实用工具访问 DOM，如 控制台工具实用工具函数和选择器中所述。
可以将控制台用作main工具，也可以将其与“元素”和“网络”工具一起使用。
适用于 Visual Studio Code 的 Microsoft Edge DevTools 扩展的 main 工具栏中的控制台工具：
适用于 Visual Studio Code 的 Microsoft Edge DevTools 扩展的抽屉中的控制台工具：
有关详细信息，请参阅 控制台集成。
现在使用 IndexedDB 缓存源映射
在早期版本的 Microsoft Edge 中，如果在服务器或 Azure Artifacts 符号服务器上托管大型源映射文件，则每次刷新页面时，DevTools 都会提取这些源映射。 提取这些源映射会反复为 DevTools 创建更多网络请求，并降低调试速度。
在 Microsoft Edge 101 中，DevTools 使用 IndexedDB 缓存源映射。 刷新页面时，源映射现在从 IndexedDB 缓存提供，而不是从服务器或 Azure Artifacts 符号服务器再次请求。 使用源映射监视器工具中的“加载状态”列验证是否正在从缓存加载源映射。 若要清除 IndexedDB 缓存并强制 DevTools 重新加载源映射，请在命令菜单中运行“清除源映射缓存”命令。
首次加载网页时， 源映射监视器 工具显示源映射尚未缓存：
重新加载网页时， 源映射监视器 工具显示已使用缓存的源映射：
在导出 HAR 文件时跟踪挂起的网络请求
在 Microsoft Edge 101 中，新的 “状态”文本 列已添加到 网络 工具中。 “状态”文本列为“状态”列中报告的 HTTP 状态代码提供用户可读的等效消息。
此外，还向网络工具添加了一个新设置： 在 HAR 文件中包括挂起的请求。 如果需要在网络工具中导出 HAR 文件时记录 挂起 的网络请求，请打开 “在 HAR 文件中包含挂起的请求 ”设置。 “ 状态”文本 列现在将包含任何挂起网络请求的 (挂起) 状态。
若要详细了解请求日志中的可用列，请参阅 网络功能参考 > 添加或删除列。
更新了 3D 视图中的 UI 和相机控件
在 Microsoft Edge 101 中， 3D 视图 工具具有两个新按钮： 平移视图 (
) 和 旋转视图 (
) 。 使用这些按钮在画布周围平移或旋转画布之间切换。 单击“ 平移视图 ”或“ 旋转视图 ”按钮，然后使用鼠标向所需方向拖动，或使用箭头键。
UI 现在提供更统一、更直观的体验。 窗格组织得更加清晰，并且已修复辅助功能问题。
请参阅 使用 3D 视图工具导航网页层、z-index 和 DOM。
切换主题不再需要重新加载 DevTools
在早期版本的 Microsoft Edge 中，在 DevTools 中切换主题需要重新加载 DevTools 才能应用新主题。 在 Microsoft Edge 101 中，你可以快速尝试不同的主题，而无需重新加载 DevTools。
有关在 DevTools 中使用Visual Studio Code中的主题的详细信息，请参阅将颜色主题应用于 DevTools。
Chromium项目的公告
Microsoft Edge 101 还包括Chromium项目中的以下更新：