Firefox 11 Aurora 中全新的开发者工具

 Firefox 11 Aurora 正式版将会在 2012 年 3 月正式发布。先睹为快，我们来看看 Firefox 11 中在开发者工具方面有什么亮点。

自由格式的样式单编辑

在最新的 Firefox 提供了 Style Inspector ，可以用它的规则来对某个元素的 CSS 属性进行查看和修改，而 Firefox 11 Aurora 将增加自由格式的样式编辑组合。

你可以从 Web 开发者菜单中打开 Style Editor ，如下图所示：

Style Editor 提供了一个 CSS 编辑的友好环境，你所作的修改会立即在页面上生效，你也可以在你本机上保存修改后的页面。

该工具还有很多好用的特性，例如点击 eye 图标可以对某个 CSS 属性进行设置和关闭，也就是我们常说的 toggle 操作。你可以在一个新页面上测试样式，或者创建一个新的样式或者直接从磁盘中加载样式。

另外，Style Editor 会自动对 CSS 进行排版处理，更适合阅读。

使用三维效果查看页面结构

哇塞，这个太酷了，你可以通过菜单中的 Web 开发者的 Inspect 来打开此功能，你将在工具栏看到一个 3D 按钮（前提是你的电脑兼容 WebGL），点击此按钮，就可以看到如下的酷图：

你可以对此图进行缩放、旋转等操作。

下面是控制这个三维图形的操作方法：