我的FF一直只裝了firebug和一個(gè)鼠標(biāo)手勢(shì)插件，一是懶得去APP中心淘，二是覺得firebug用著還湊合。

但今天偶爾機(jī)會(huì)認(rèn)識(shí)了Web Developer，發(fā)現(xiàn)它的功能簡(jiǎn)直碉堡了。

因?yàn)楣δ軐?shí)在太多了，而且都很實(shí)用，我無法一一介紹過來，所以下面我就挑幾個(gè)我覺得不錯(cuò)的功能進(jìn)行簡(jiǎn)單介紹，更多功能就讓你們自己去挖掘吧。

查看源碼

通常在FF里查看源碼都是右鍵選擇查看源代碼，如果要查看處理后的源碼，只能用firebug來彌補(bǔ)，但是閱讀起來著實(shí)不便，Web Developer則提供了很好的功能

它分別有三種源碼查看，一種就是普通的，也就是原始的，第二種是框架源碼，也就是頁面里如果嵌套了iframe，通過這個(gè)可以直接選擇查看，第三種就是剛說的，可以查看處理后的源碼。

網(wǎng)頁信息

這里功能很多，我就取了一個(gè)，“顯示區(qū)塊大小”，這個(gè)功能很像firebug里右側(cè)的布局，但它更加直觀，直接在頁面上顯示出來。同時(shí)我覺得這功能很適合新手，讓他們很快就能掌握盒子模型，當(dāng)然也適合設(shè)計(jì)，因?yàn)樗褏^(qū)塊的寬高都顯示出來了。

窗口大小

這個(gè)很適合調(diào)試網(wǎng)站在不同屏幕分辨率下的效果，比如800*600，同時(shí)還支持自定義尺寸。好處就是以后測(cè)試不需要修改電腦分辨率了，直接在這里改下尺寸，插件就能把瀏覽器調(diào)整到指定尺寸。

Cookies

這功能不用多介紹了，很方便，不用再去設(shè)置里清空了，而且還可以清楚當(dāng)前會(huì)話的cookies，保證其他cookies存在。

還多很多功能，總之就是太強(qiáng)大了，真后悔現(xiàn)在才知道這個(gè)插件，推薦大家下載：https://addons.mozilla.org/en-US/firefox/addon/web-developer/

我的FF8.0測(cè)試通過，兼容性沒問題

原文：http://www.cnblogs.com/hooray/archive/2011/10/18/2216016.html

【編輯推薦】

1. Ruby開發(fā)者應(yīng)該熟悉的10個(gè)工具
2. 10款非常優(yōu)秀的HTML 5開發(fā)工具推薦
3. 9月10款非常有用的jQuery工具提示插件推薦
4. 10個(gè)免費(fèi)的PHP編輯器/開發(fā)工具推薦
5. 19款云端Web開發(fā)工具推薦