DevTools (Microsoft Edge 98) 中的新增功能
若要检查 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 |DevTools 98 中的新增功能
在 Microsoft Edge 中获取最新和最出色的功能
2021 年,Microsoft Edge 的开发人员工具取得了巨大的飞跃。 Visual Studio Code、DevTools 和浏览器现在为 JavaScript 调试、镜像 CSS 更改和从浏览器截屏提供了多个集成工作流。 在焦点模式、对Visual Studio Code主题的支持和进一步的自定义选项之间,Microsoft Edge 团队正在努力使 DevTools 更易于使用。
在我们的年度评论博客文章回顾 2021 年面向开发人员的 Microsoft Edge 中,了解所有这些新闻和更多内容。
更新:从 Microsoft Edge 131 开始,删除了Visual Studio Code主题功能,此类主题还原默认主题:
- Light+
- 深色+
使用 Internet Explorer 驱动程序自动执行 IE 模式
从 2022 年 6 月 15 日起,某些版本的 Windows 10 将不再支持 Internet Explorer 11。 IE 模式是 Microsoft Edge 的一项功能,适用于仍需要 Internet Explorer 11 才能与旧网站或应用兼容的组织。 为了支持这些旧版网站和应用的测试,现在可以使用 Selenium 4 和 Internet Explorer 驱动程序自动执行 IE 模式。
另请参阅:
模拟强制颜色模式
除了模拟当前网页的深色、浅色和打印模式外,现在还可以查看启用了强制颜色模式的用户的网页外观。 强制颜色模式是操作系统的一项辅助功能。 它强制将网页上的颜色缩减为有限的调色板,例如 Windows 高对比度模式。 通过模拟强制颜色模式,无需更改自己的系统设置即可执行点检查。
若要打开强制颜色仿真,请在 DevTools 中打开 “呈现 ”工具,然后在“ 模拟 CSS 媒体功能强制颜色 ”下拉列表中,选择 “强制颜色:活动”。
如果不启用强制颜色模拟,以下网页具有针对不同背景色的几种不同颜色的文本:
在 呈现 工具中启用强制颜色模拟后,网页将变为白色背景上的黑色文本:
另请参阅:
性能工具的事件日志中的活动图标现在包含工具提示
在 Microsoft Edge 的早期版本中,性能工具中的“事件日志”选项卡显示颜色编码的图标,表示每个事件的活动类型。 但是,事件日志不会显示有关每种颜色所表示的活动类型的信息。 在 Microsoft Edge 98 中,工具提示已添加到“事件日志”选项卡中的活动事件,指示每个事件的脚本、呈现、绘制、系统和空闲时间。
另请参阅:
内存工具中的浅层大小现在表示为十进制值
在 Microsoft Edge 的早期版本中,内存工具中堆快照的浅层大小通常报告为 0%,因为相对于堆的总大小,浅层大小非常小。 在 Microsoft Edge 98 中,如果大小在堆的 0% 到 1% 之间,浅层大小现在报告为十进制值。
另请参阅:
修复:现在可以调整网络工具中的搜索文本框的大小
在早期版本的 Microsoft Edge 中,在 “网络 ”工具中,更改窗格宽度时, “搜索 ”文本框不会调整大小。 当窗格较窄时,不显示 “刷新 ”和“ 清除 ”按钮。 在 Microsoft Edge 98 中,此问题已修复。
另请参阅:
- 在“检查网络活动”中搜索网络标头和响应。
修复:元素工具中服务辅助角色和脚本标记的图标现在已对齐
在早期版本的 Microsoft Edge 中,“展开 (应用程序工具的”服务辅助角色“部分中的) 图标未对齐。
“更新周期”表中的版本号正在切断“展开”图标。 在 Microsoft Edge 98 中,此问题已修复:
此外,在“元素”工具中,“展开” (标记的<script>
) 图标未对齐。 在 Microsoft Edge 98 中,此问题已修复:
另请参阅:
- 调试渐进式 Web 应用 (PWA) 中的服务辅助角色 - 在 DevTools 中调试服务辅助角色。
Chromium项目的公告
Microsoft Edge 版本 98 还包括来自 Chromium 项目的以下更新: