偶然在浏览网页 z-index 属性的时候发现了 3d view 这么一个东西,3d 视图点进去一看,发现了新大陆。
控制台中的 z-index 属性
因为是从 z-index 打开的 3d 视图,所以点进去默认显示页面 z-index 层级关系图,其次右边还有一个 dom 按钮,点击后会进入 dom 3d 视图
两者都有不同的选项可以调,比如层级背景颜色,重新渲染生成等。视图非常清晰,能帮助设计人员和开发者轻松了解当前网页 dom 层级,是不是很方便,感兴趣的可以去玩下(可能大家早知道了)
dom 渲染生成演示
以上,有问题在评论区反馈。