2

我最近注意到 Firefox 开发人员工具中的 3D 模式，您可以在 3D 视图中查看您的页面。我们可以通过拖动来旋转和重新定位 3D 视图。谁能给我使用 3D 视图的主要用例？

示例 3D 视图：在此处输入图像描述

4

2 回答 2

3

我能想到几个用途：

  • 查看页面的结构......每当我创建一个页面时，我都会进入 3D 视图并寻找评论 1 中提到的“摩天大楼”。我通常自己重新编码以避免不必要的 iframe 等。
  • 查找容器，例如已根据内容调整大小的表格单元格。
  • 查找页面外数千像素的任何元素，例如找出网页的工作方式或页面总是有滚动条的原因。
  • 教人们 HTML 的工作原理。
  • 发现 XSS 漏洞，请参阅https://gist.github.com/tacomanator/3127271

但是，如果您能想到一种方法可以使它更有用，请在https://ffdevtools.uservoice.com上告诉我们

于 2015-03-24T11:09:31.207 回答
2

这个工具有一段有趣的历史——它最初是Victor Porof在 2011 年作为 Google Summer of Code 项目的一个插件创建的。它后来被添加到 Firefox 的内置开发者工具中，但默认情况下不启用。

主要用例是它允许您更轻松地可视化标记的结构，例如识别嵌套的 DOM 结构，例如某些网站上与社交网络相关的按钮：

于 2015-02-17T02:10:37.357 回答