最好看的新闻,最实用的信息
05月15日 12.1°C-15.1°C
纽币 : 人民币=4.3779

Edge Web开发工具迎来3D视图体验改进

2022-06-22 来源: cnBeta 原文链接 评论0条

访问:

微软中国官方商城 - 首页

Edge Web开发工具迎来3D视图体验改进 - 1

(来自:EdgeBlog)

虽然 3D 视图等 DevTools 并不适合普通网络用户,但微软还是在努力给 Web 开发者带来新功能和相关体验改进。

Debug the web in 3D - Microsoft Edge(via)

最新加入的功能包括快速查看页面复杂度、调试 z-index 堆叠问题、以及调试复合层的性能问题。

Edge Web开发工具迎来3D视图体验改进 - 2

如果你想要在深度嵌套的容器中展开快速查找,3D 视图工具显然可以提供最佳体验。

Edge Web开发工具迎来3D视图体验改进 - 3

其 DOM 选项卡中能够快速展示三维树,并帮助 Web 开发者发现页面的哪部分可能存在过多的嵌套。

Edge Web开发工具迎来3D视图体验改进 - 4

DOM 选项卡还可为开发者提供网页的整体 3D 视图,允许缩放平移,直到超出视口的元素也变得可见。只需点击其中一个元素,便可直接跳转。

Edge Web开发工具迎来3D视图体验改进 - 5

此外 z-index 选项卡能够让调查更加简洁直观,该工具允许查看哪些元素正在堆叠上下文、以及元素如何沿着 z-index 轴堆叠,有助于快速定位常见问题。

Edge Web开发工具迎来3D视图体验改进 - 6

接着是调试复合层的性能问题,这项新功能支持以适当或优化的层数来分解网页、进而提升 Web 性能体验 —— 尤其当某些组件独立于其它组件,来处理动画或变更时。

Edge Web开发工具迎来3D视图体验改进 - 7

最后,微软添加了一个新的复合层选项卡,以便开发者在左侧栏查看已创建的图层列表。当鼠标悬停在每个图层上时,就会在 3D 视图中高亮显示重要信息,比如渲染图层所需的内存大小。

今日评论 网友评论仅供其表达个人看法,并不表明网站立场。
最新评论(0)
暂无评论


Copyright Media Today Group Pty Ltd.隐私条款联系我们商务合作加入我们

分享新闻电话: (02) 8999 8797

联系邮箱: [email protected] 商业合作: [email protected]网站地图

法律顾问:AHL法律 – 澳洲最大华人律师行新闻爆料:[email protected]