edge 3dview 11/25/2020
最近更新于:

3D 视图

偶然在浏览网页 z-index 属性的时候发现了 3d view 这么一个东西,3d 视图点进去一看,发现了新大陆。

控制台中的 z-index 属性

z-index & dom

因为是从 z-index 打开的 3d 视图,所以点进去默认显示页面 z-index 层级关系图,其次右边还有一个 dom 按钮,点击后会进入 dom 3d 视图

两者都有不同的选项可以调,比如层级背景颜色,重新渲染生成等。视图非常清晰,能帮助设计人员和开发者轻松了解当前网页 dom 层级,是不是很方便,感兴趣的可以去玩下(可能大家早知道了)

dom 渲染生成演示

以上,有问题在评论区反馈。