本月,微软推出了其 Edge 网络浏览器的稳定 120 版本。随着 Edge 120 的推出,该公司还正式发布了其 Edge DevTools 的主要用户界面重新设计。今天,在一篇博客文章中,Microsoft 回顾了它对 Edge DevTools 应用程序所做的一些更改和改进。
开发团队大约在两年前就开始进行重新设计,因为他们知道该应用程序“在视觉和概念上都变得势不可挡”。目标是简化应用程序的 UI,使其更易于学习和使用。
一些设计元素已放入早期版本的 DevTools 中,包括新的欢迎工具,以及“更多工具”按钮,以便开发人员可以更轻松地在应用中打开工具。该应用程序还进行了更新,因此开发人员可以在顶部和底部工具栏之间移动工具。
但是,Edge DevTools 最大的新增功能是 Edge 120 稳定更新。它被称为活动栏。 微软说:
首先,每个工具现在都由一个图标表示。当有足够的空间容纳工具名称时,以及悬停时,工具名称仍会显示。活动栏的右侧也比以前少了很多噪音。以前,DevTools 有时会在右侧显示多达 7 个图标。错误、警告和问题图标现在显示在相应的工具图标上,并且我们已将自定义、反馈和设置图标重新组织为两个菜单项。
活动栏可以设置在传统的水平位置,但开发人员也可以切换它,使其成为放置在左侧的垂直栏。
微软还重命名了在快速查看打开的工具旁边打开第二个工具的功能。与活动栏一样,“快速视图”也可以垂直使用:
例如,通过快速查看,您可以同时使用“元素”工具和“控制台”工具。现在,如果您有更多可用的水平空间,则可以使“快速查看”垂直显示在当前工具的右侧。只需单击工具栏右侧按钮的 Dock 快速视图即可。
新的 Edge DevTools 重新设计还应该使用户更容易打开、关闭和移动工具。有关更新的更多信息,请访问 微软的支持页面。