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 | 的缩略图DevTools 98 中的新增功能”

在 Microsoft Edge 中获取最新和最出色的功能

2021 年,Microsoft Edge 的开发人员工具取得了巨大的飞跃。 Visual Studio Code、DevTools 和浏览器现在为 JavaScript 调试、镜像 CSS 更改和从浏览器截屏提供了多个集成工作流。 在焦点模式、Visual Studio Code 主题支持和更多自定义选项之间,Microsoft Edge 团队正在努力使 DevTools 更易于使用。

在我们的年度评论博客文章回顾 2021 年面向开发人员的 Microsoft Edge 中,了解所有这些新闻和更多内容。

博客文章的屏幕截图:回顾 2021 年面向开发人员的 Microsoft Edge

使用 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% 之间,浅层大小现在报告为十进制值。

在堆快照中,堆的 0% 到 1% 之间的浅表大小列值现在显示为具有一个或两个小数位数的十进制值

另请参阅:

修复:现在可以调整网络工具中的搜索文本框的大小

在早期版本的 Microsoft Edge 中,在 “网络 ”工具中,更改窗格宽度时, “搜索 ”文本框不会调整大小。 当窗格较窄时,不显示 “刷新 ”和“ 清除 ”按钮。 在 Microsoft Edge 98 中,此问题已修复。

在“网络”工具中,“搜索”文本框现在调整大小以显示“刷新”和“清除”按钮,即使窗格较窄

另请参阅:

修复:元素工具中服务辅助角色和脚本标记的图标现在已对齐

在早期版本的 Microsoft Edge 中,“展开 (应用程序工具的”服务辅助角色“部分中的展开/折叠三角形图标) 图标未对齐。 “更新周期”表中的版本号正在切断“展开”图标。 在 Microsoft Edge 98 中,此问题已修复:

应用程序工具的“服务辅助角色”部分中的图标现在已对齐,因此展开/折叠图标现在完全可见

此外,在“元素”工具中,“展开” (标记的<script>“DOM 树展开”图标) 图标未对齐。 在 Microsoft Edge 98 中,此问题已修复:

在“元素”工具中,脚本>标记的<“展开”图标现在已正确对齐

另请参阅:

  • 调试渐进式 Web 应用中的服务辅助角色 (PWA) - 在 DevTools 中调试服务辅助角色。

Chromium 项目的公告

Microsoft Edge 版本 98 还包括 Chromium 项目中的以下更新: