Firefox 11 Aurora中全新的開(kāi)發(fā)者工具
Firefox 11 Aurora 正式版將會(huì)在 2012 年 3 月正式發(fā)布。先睹為快,我們來(lái)看看 Firefox 11 中在開(kāi)發(fā)者工具方面有什么亮點(diǎn)。
自由格式的樣式單編輯
在***的Firefox 提供了 Style Inspector ,可以用它的規(guī)則來(lái)對(duì)某個(gè)元素的 CSS 屬性進(jìn)行查看和修改,而 Firefox 11 Aurora 將增加自由格式的樣式編輯組合。
你可以從 Web 開(kāi)發(fā)者菜單中打開(kāi) Style Editor ,如下圖所示:
Style Editor 提供了一個(gè) CSS 編輯的友好環(huán)境,你所作的修改會(huì)立即在頁(yè)面上生效,你也可以在你本機(jī)上保存修改后的頁(yè)面。
該工具還有很多好用的特性,例如點(diǎn)擊 eye 圖標(biāo)可以對(duì)某個(gè) CSS 屬性進(jìn)行設(shè)置和關(guān)閉,也就是我們常說(shuō)的 toggle 操作。你可以在一個(gè)新頁(yè)面上測(cè)試樣式,或者創(chuàng)建一個(gè)新的樣式或者直接從磁盤中加載樣式。
另外,Style Editor 會(huì)自動(dòng)對(duì) CSS 進(jìn)行排版處理,更適合閱讀。
使用三維效果查看頁(yè)面結(jié)構(gòu)
哇塞,這個(gè)太酷了,你可以通過(guò)菜單中的 Web 開(kāi)發(fā)者的 Inspect 來(lái)打開(kāi)此功能,你將在工具欄看到一個(gè) 3D 按鈕(前提是你的電腦兼容 WebGL),點(diǎn)擊此按鈕,就可以看到如下的酷圖:
你可以對(duì)此圖進(jìn)行縮放、旋轉(zhuǎn)等操作。
下面是控制這個(gè)三維圖形的操作方法:
Function | Mouse | Keyboard |
Zoom | Scroll up/down | + and - |
Rotate | Click and drag | a/d and w/s |
Pan | (none) | Arrow keys |
等不及想體驗(yàn)一下 Firefox Aurora 嗎?
【編輯推薦】