建站
咨詢
售后
建站咨詢
新聞中心
Firefox 11 Aurora 正式版將會(huì)在 2012 年 3 月正式發(fā)布。先睹為快，我們來(lái)看看 Firefox 11 中在開(kāi)發(fā)者工具方面有什么亮點(diǎn)。
郟縣網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,郟縣網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為郟縣超過(guò)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的郟縣做網(wǎng)站的公司定做！
自由格式的樣式單編輯
在***的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è)新的樣式或者直接從磁盤(pán)中加載樣式。
另外，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 嗎?
【編輯推薦】
- Mozilla技術(shù)布道者給Web開(kāi)發(fā)者推薦Firefox插件列表
- 10款Firefox插件幫助Web開(kāi)發(fā)者事半功倍
- 手把手教你快速開(kāi)發(fā)新浪微博的Firefox插件
- 解決JS在firefox和IE下差異問(wèn)題
- 解析JavaScript兼容性測(cè)試瀏覽器Firefox的用法
網(wǎng)頁(yè)名稱(chēng)：Firefox11Aurora中全新的開(kāi)發(fā)者工具
文章起源：http://www.5511xx.com/article/dpchcds.html
