微软 Edge 浏览器精简 F12 开发者工具界面，带来垂直排列图标
IT之家 12 月 21 日消息，本月早些时候，微软推出了 Edge 浏览器的 120 稳定版。随着 Edge 120 的推出，该公司还发布了 Edge DevTools 开发者工具界面的新设计（F12 快捷键打开）。今天，微软在一篇博文中回顾了其对 Edge DevTools 所做的更改和改进内容。https://k.sinaimg.cn/n/sinakd20231221s/772/w1440h932/20231221/542b-0b4d5d70c07caab2d64ff1a56224b6b2.png/w700d1q75cms.jpg据介绍，开发团队大约两年前就开始对 Edge DevTools 进行重新设计，目标是简化应用的用户界面，以便更容易学习和使用。https://k.sinaimg.cn/n/sinakd20231221s/120/w1325h1195/20231221/6642-fe4576849f661d232b48f7243b92416d.png/w700d1q75cms.jpg
其中一些设计元素此前已放入早期版本的 DevTools 中，包括新的欢迎工具以及“更多工具”按钮。此外，开发者可以在顶部和底部工具栏之间更方便地移动工具。https://k.sinaimg.cn/n/sinakd20231221s/648/w2217h831/20231221/1db9-06303b0f12bc2b4c30e343b9d4f2391f.png/w700d1q75cms.jpg
Edge DevTools 最大的新增功能是在 Edge 120 稳定版推出，它被称为“Activity Bar”。微软表示：现在每个工具都精简为用一个图标表示，当有足够的空间容纳工具名称以及鼠标悬停时，工具名称仍然会显示。活动栏右侧的干扰项也比以前少了很多。以前，DevTools 有时会在右侧显示最多 7 个图标，错误、警告和问题图标现在会显示在相应的工具图标上，并且微软已将自定义、反馈和设置图标重新组织为仅两个菜单项。https://k.sinaimg.cn/n/sinakd20231221s/726/w691h35/20231221/1e7a-743bab0e754bb618c3a9968e6a75705c.png/w700d1q75cms.jpg
https://k.sinaimg.cn/n/sinakd20231221s/430/w392h38/20231221/bbbb-fdafd4cb13a45beb704cb7704b749eb9.png/w700d1q75cms.jpg
此外，“Activity Bar”也能够像网页标签页那样，变成垂直展示模式，从而节省顶部空间，IT之家小伙伴有注意到吗？https://k.sinaimg.cn/n/sinakd20231221s/60/w917h743/20231221/de09-514248310603dafb0ef9928759f2a1eb.png/w700d1q75cms.jpg
页:
[1]