【发布时间】：2015-04-16 16:13:12
【问题描述】：
我最近注意到 Firefox 开发人员工具中的 3D 模式，您可以在 3D 视图中查看您的页面。我们可以通过拖动来旋转和重新定位 3D 视图。谁能告诉我使用 3D 视图的主要用例吗？
示例 3D 视图：
【问题讨论】：
标签： firefox 3d web-inspector firefox-developer-tools
【发布时间】：2015-04-16 16:13:12
【问题描述】：
这个工具有一段有趣的历史——它最初是在 2011 年作为 Google Summer of Code 项目创建的 add-on by Victor Porof。后来被添加到 Firefox 的内置开发者工具中，但默认不启用。
主要用例是它允许您更轻松地可视化标记的结构，例如识别嵌套的 DOM 结构，例如 social network-related buttons on some sites：
【讨论】：
我能想到几个用途：
- 查看页面的结构...每当我创建页面时，我都会进入 3D 视图并寻找注释 1 中提到的“摩天大楼”。我通常自己重新编码以避免不必要的 iframe 等。
- 查找容器，例如已根据内容调整大小的表格单元格。
- 查找页面外数千像素的任何元素，例如弄清楚网页是如何工作的，或者为什么网页总是有滚动条。
- 教人们如何使用 HTML。
- 发现 XSS 漏洞，请参阅https://gist.github.com/tacomanator/3127271
但是，如果您能想到一种我们可以使它更有用的方法，请通过 https://ffdevtools.uservoice.com 告诉我们
【讨论】：