Firefox 11 Aurora具有自由格式的样式单编辑
在最新的 Firefox 提供了 Style Inspector ,可以用它的规则来对某个元素的 CSS 属性进行查看和修改,而 Firefox 11 Aurora 将增加自由格式的样式编辑组合。
你可以从 Web 开发者菜单中打开 Style Editor ,如下图所示:
Style Editor 提供了一个 CSS 编辑的友好环境,你所作的修改会立即在页面上生效,你也可以在你本机上保存修改后的页面。
该工具还有很多好用的特性,例如点击 eye 图标可以对某个 CSS 属性进行设置和关闭,也就是我们常说的 toggle 操作。你可以在一个新页面上测试样式,或者创建一个新的样式或者直接从磁盘中加载样式。
另外,Style Editor 会自动对 CSS 进行排版处理,更适合阅读。
使用三维效果查看页面结构
哇塞,这个太酷了,你可以通过菜单中的 Web 开发者的 Inspect 来打开此功能,你将在工具栏看到一个 3D 按钮(前提是你的电脑兼容 WebGL),点击此按钮,就可以看到酷图,并且你可以对此图进行缩放、旋转等操作。
下面是控制这个三维图形的操作方法:
Function Mouse Keyboard
Zoom Scroll up/down + and -
Rotate Click and drag a/d and w/s
Pan (none) Arrow keys
等不及想体验一下 Firefox Aurora 吗?