微软 Edge 浏览器精简 F12 开发者工具界面,带来垂直排列图标

12 月 21 日消息,本月早些时候,微软推出了 Edge 浏览器的 120 稳定版。随着 Edge 120 的推出,该公司还发布了 Edge DevTools 开发者工具界面的新设计(F12 快捷键打开)。

今天,微软在一篇博文中回顾了其对 Edge DevTools 所做的更改和改进内容。

微软 Edge 浏览器精简 F12 开发者工具界面,带来垂直排列图标

据介绍,开发团队大约两年前就开始对 Edge DevTools 进行重新设计,目标是简化应用的用户界面,以便更容易学习和使用。

微软 Edge 浏览器精简 F12 开发者工具界面,带来垂直排列图标

其中一些设计元素此前已放入早期版本的 DevTools 中,包括新的欢迎工具以及“更多工具”按钮。此外,开发者可以在顶部和底部工具栏之间更方便地移动工具。

微软 Edge 浏览器精简 F12 开发者工具界面,带来垂直排列图标

Edge DevTools 最大的新增功能是在 Edge 120 稳定版推出,它被称为“Activity Bar”。微软表示:

现在每个工具都精简为用一个图标表示,当有足够的空间容纳工具名称以及鼠标悬停时,工具名称仍然会显示。活动栏右侧的干扰项也比以前少了很多。以前,DevTools 有时会在右侧显示最多 7 个图标,错误、警告和问题图标现在会显示在相应的工具图标上,并且微软已将自定义、反馈和设置图标重新组织为仅两个菜单项。

微软 Edge 浏览器精简 F12 开发者工具界面,带来垂直排列图标

微软 Edge 浏览器精简 F12 开发者工具界面,带来垂直排列图标

此外,“Activity Bar”也能够像网页标签页那样,变成垂直展示模式,从而节省顶部空间,神卡网小伙伴有注意到吗?

微软 Edge 浏览器精简 F12 开发者工具界面,带来垂直排列图标

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,神卡网所有文章均包含本声明。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

复制成功
微信公众号: 神卡申请助手
截屏保存图片去微信扫码