用过 Firefox 的用户可能知道它的 3D 视图或 Tilt 扩展,它有助于以三维模式查看页面,不过Mozilla 删除了这个功能,在 Firefox DevTools 中的这个功能已经不复存在了,原因是它很难维护。而微软受到 Tilt 特性的启发,在 Edge Dev/Canary 版本中添加了 3D DOM Viewer,目前还在完善中。

DOM 3D View in Chromium Edge devtools

启动 Chromium Edge 中的 3D 视图

  • 保证所使用的是 Edge Dev 或 Canary 预览版本,访问 edge://flags 页面
  • 搜索“Developer”并对 Developer Tools Experiments 选择“enable”

Developer Tools experiments flag

  • 重新启动浏览器
  • 重新启动后,单击 Ellipsis>more Tools>Developer Tools
  • 点击三个点图标(…)来自定义和控制 DevTools,选择“设置”
  • 选择“Experiments”并检查“启用 DOM 3D 视图”并关闭 DevTools

Enable Dom 3D View experiement

  • 现在访问任何网站,按 Ctrl+Shift+I 快捷方式打开 DevTools,然后单击 … 图标和从更多的工具菜单选择选项,你现在可以注意到新的“DOM 3D 视图”选项卡后的“控制台”,点击快照,以查看网站的 3D

微软认为,DOM 3D 对于教育和网络开发的初学者都是有用的。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。