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），點擊此按鈕，就可以看到如下的酷圖：

你可以對此圖進行縮放、旋轉等操作。

下面是控制這個三維圖形的操作方法：

等不及想體驗一下 Firefox Aurora 嗎？