幫助Web開發者提升效率的十款Firefox插件

Firefox瀏覽器能成爲Web開發者和設計者最喜歡的瀏覽器，一個重要緣由就是它有着豐富的插件能夠用來輔助咱們完成Web開發工做。下面給你們分享十款在Web開發工做中常常會用到的插件，利用好它們能夠大大提升工做效率。

1. FireBug

在衆多插件中Firebug無疑是你們最熟悉用的最多的了。Firebug集成在Firefox中，提供了一套開發輔助工具，諸如頁面HTML、CSS、Javascript的瀏覽、編輯、調試、網絡監控等等……

2. FireShot

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

3. ColorZilla

屏幕取色是Web設計時常常要作的工做，以前常常用第三方的取色工具，須要時還要再臨時打開。有了ColorZilla插件就方便多了。ColorZilla裝上後在火狐的瀏覽器底部的附加組件欄和右鍵菜單都可啓動它。除了鼠標取色外，還能夠經過它對整個網頁進行色彩分析。

4. FontFinder

瀏覽網頁時，對字體敏感的設計師們常常有了解網頁中文字是何字體的須要。FontFinder就是能幫你完成這一任務的插件。FontFinder裝上後在火狐的瀏覽器底部的附加組件欄和右鍵菜單都可啓動它。FontFinder啓動後，鼠標選中文字，點擊鼠標左鍵，便可彈出選中文字的字體、樣式等信息。

5. MeasureIt

MeasureIt是一把屏幕尺子，經過它能夠丈量頁面元素的尺寸。

6. ScreenGrab

ScreenGrab也是一款截圖工具，相比前面提到的FireShot，我更喜歡它的快捷。安裝後，能夠在右鍵菜單生成整個網頁或者選中部分的png圖片。

7. FirePHP



經過它你能夠在firebug的控制檯中對php代碼進行調試，具體使用能夠參考這篇文章使用Firebug和FirePHP調試PHP

8. FireFTP

FireFTP是一個集成在Firefox中的免費、跨平臺的FTP/SFTP客戶端。

9. TinEye Reverse Image Search

類似圖片搜索。TinyEye是一個類似圖片搜索網站。這款插件能夠經過右鍵點擊網頁上的圖片，跳轉至TinyEye網站搜索該圖片的類似圖片。

10. AutoCopy

安裝後，當選中網頁中某段文字後自動完成複製到剪貼板的功能，沒必要再去點擊右鍵複製。這對大量的複製張貼工做提供了便利。

做者：  iiduce  (珍惜當下你所擁有)

本文連接： 幫助Web開發者提升效率的十款Firefox插件 | CSS9.NET