作者：更多节日的惊喜！
上个月，我在 Hacks 上发布了一篇文章 介绍 Firefox 10 Aurora 中的新工具。这些功能现在已进入测试版。感谢大家迄今为止提供的宝贵反馈！
在那篇博文的结尾，我预示了我们“还有更多内容”。的确，我今天来告诉大家关于现在在 Firefox Aurora 中的新开发者工具功能。您在这里看到的内容计划于 2012 年 3 月正式发布。
自由格式样式表编辑
在上次 Firefox 版本中，我们引入了样式检查器。您可以使用样式检查器的规则视图更改元素的 CSS 属性。在此版本中，我们添加了自由格式样式编辑器。
从 Web 开发者菜单中选择样式编辑器，您将看到一个视图，该视图在一个窗格中列出页面的样式表，并在另一个窗格中提供一个编辑器以进行更改
样式编辑器为处理样式表提供了友好的环境。您所做的任何更改都会立即反映在页面上。完成更改后，您可以将文件保存到您的计算机上。
还有一些方便的其他功能。单击样式表旁边的“眼睛”图标，您可以切换整个样式表的开/关。如果您正在处理一个新页面，则可以动态创建新的样式表或从磁盘加载样式表。
如果您想了解 Web 上其他网站的样式设置方式，可以使用样式编辑器查看任何网站的样式表。在公共网站上，样式表通常会被压缩以减少下载时间。样式编辑器会自动美化它检测到的已压缩样式表，但会保留您的源样式表。
网页结构的“倾斜”3D 视图
打开页面检查器（从菜单中选择 Web 开发者->检查，或在页面上的上下文菜单中选择检查元素），如果您的计算机与 WebGL 兼容，您将在工具栏上看到一个新的3D按钮。单击该按钮，您将获得网页结构的全新视角。
此 3D 视图（以前在名为 Tilt 的附加组件中可用）按元素在 DOM 中嵌套的方式堆叠元素，并允许您查看隐藏或超出页面范围的元素。您可以放大和缩小、旋转和平移视图，以从任何对您有帮助的角度查看页面。
3D 视图与页面检查器的其余功能完全集成。您可以打开 HTML 视图或样式检查器以获取有关您在 3D 视图中单击的元素的更多信息。您还可以使用工具栏上的面包屑更改选定的元素。
3D 视图的控件很容易
| 功能 | 鼠标 | 键盘 |
|---|---|---|
| 缩放 | 向上/向下滚动 | + 和 - |
| 旋转 | 单击并拖动 | a/d 和 w/s |
| 平移 | 右键单击并拖动 | 方向键 |
数十项其他改进
自上次发布以来，我们对其他开发者功能进行了数十项改进。越来越多的贡献者正在通过 参与 使他们使用的工具变得更好。
Web 控制台、Scratchpad 和样式检查器自上次 Firefox 发布以来都进行了改进。请查看，并 告诉我们您的想法！
立即获取！
您无需等到 3 月才能获得这些出色的新功能。立即下载 Firefox Aurora，并查看这些以及即将正式发布的其他改进。
更新+屏幕截图
自从我撰写本文以来，我们已经对这些工具进行了一些修复和改进。我添加了页面检查器 3D 视图的平移方法（右键单击并拖动）。此外，现在有一个 这些功能的屏幕截图。请务必选择加入 YouTube 的 HTML5 视频选项。
38 条评论