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

但今天偶爾機會認識了Web Developer，發(fā)現(xiàn)它的功能簡直碉堡了。

因為功能實在太多了，而且都很實用，我無法一一介紹過來，所以下面我就挑幾個我覺得不錯的功能進行簡單介紹，更多功能就讓你們自己去挖掘吧。

查看源碼

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

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

網(wǎng)頁信息

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

窗口大小

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

Cookies

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

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

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

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

【編輯推薦】

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