Edge 的网页 3D 视图(3D View)

1184°C 25-11-2020 notbyai
最近更新于:2022-06-16 17:57:26

文章摘要moonshot-v1-8k

Standby API Responsing..

3D 视图

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

控制台中的 z-index 属性

z-index & dom

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

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

dom 渲染生成演示

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


评论留言

既来之则留之~ 欢迎在下方留言评论,提交评论后还可以撤销或重新编辑。(Valine 会自动保存您的评论信息到浏览器)