1. FireBug

在眾多插件中Firebug無疑是大家最熟悉用的最多的了。Firebug集成在Firefox中，提供了一套開發(fā)輔助工具，諸如頁面HTML、CSS、Javascript的瀏覽、編輯、調(diào)試、網(wǎng)絡(luò)監(jiān)控等等……

2. FireShot

FireShot是一款具有完備功能的屏幕截圖插件。除了傳統(tǒng)的截取可見區(qū)域和截取整個(gè)頁面外，fireshot還支持截取瀏覽器窗口。此外fireshot***大的地方是其自帶了功能全面的圖片編輯器和圖片上傳服務(wù)，提供圖片截取編輯保存的圖片編輯功能。

3. ColorZilla

屏幕取色是Web設(shè)計(jì)時(shí)經(jīng)常要做的工作，之前經(jīng)常用第三方的取色工具，需要時(shí)還要再臨時(shí)打開。有了ColorZilla插件就方便多了。ColorZilla裝上后在火狐的瀏覽器底部的附加組件欄和右鍵菜單均可啟動它。除了鼠標(biāo)取色外，還可以通過它對整個(gè)網(wǎng)頁進(jìn)行色彩分析。

4. FontFinder

瀏覽網(wǎng)頁時(shí)，對字體敏感的設(shè)計(jì)師們經(jīng)常有了解網(wǎng)頁中文字是何字體的需要。FontFinder就是能幫你完成這一任務(wù)的插件。FontFinder裝上后在火狐的瀏覽器底部的附加組件欄和右鍵菜單均可啟動它。FontFinder啟動后，鼠標(biāo)選中文字，點(diǎn)擊鼠標(biāo)左鍵，即可彈出選中文字的字體、樣式等信息。

5. MeasureIt

MeasureIt是一把屏幕尺子，通過它可以丈量頁面元素的尺寸。

#p#

6. ScreenGrab

ScreenGrab也是一款截圖工具，相比前面提到的FireShot，我更喜歡它的快捷。安裝后，可以在右鍵菜單生成整個(gè)網(wǎng)頁或者選中部分的png圖片。

7. FirePHP

通過它你可以在firebug的控制臺中對php代碼進(jìn)行調(diào)試

8. FireFTP

FireFTP是一個(gè)集成在Firefox中的免費(fèi)、跨平臺的FTP/SFTP客戶端。

9. TinEye Reverse Image Search

相似圖片搜索。TinyEye是一個(gè)相似圖片搜索網(wǎng)站。這款插件可以通過右鍵點(diǎn)擊網(wǎng)頁上的圖片，跳轉(zhuǎn)至TinyEye網(wǎng)站搜索該圖片的相似圖片。

10. AutoCopy

安裝后，當(dāng)選中網(wǎng)頁中某段文字后自動完成復(fù)制到剪貼板的功能，不必再去點(diǎn)擊右鍵復(fù)制。這對大量的復(fù)制張貼工作提供了便利。

原文鏈接：http://css9.net/t/266/

【編輯推薦】

1. 最受Web前端開發(fā)者歡迎的五大開發(fā)工具
2. 11個(gè)優(yōu)秀的Web開發(fā)框架新鮮出爐
3. Web前端研發(fā)工程師編程能力飛升之路
4. Web開發(fā)ABC：初學(xué)者必知的26個(gè)概念和技術(shù)
5. Web開發(fā)者可能不知道的12個(gè)Firebug技巧