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),点击此按钮,就可以看到如下的酷图:

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

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

FunctionMouseKeyboard
ZoomScroll up/down+ and -
RotateClick and draga/d and w/s
Pan(none)Arrow keys

等不及想体验一下 Firefox Aurora 吗?

相关内容