Firefox瀏覽器能成為Web開發者和設計者最喜歡的瀏覽器,一個重要原因就是它有著豐富的外掛可以用來輔助我們完成Web開發工作。下面給大家分享十款在Web開發工作中經常會用到的外掛,利用好它們可以大大提高工作效率。如果你使用的是Chrome瀏覽器,這裡也有一篇《10個提高效率的Chrome外掛》。
0. FireBug
在眾多外掛中Firebug無疑是大家最熟悉用的最多的了。Firebug整合在Firefox中,提供了一套開發輔助工具,諸如頁面HTML、CSS、Javascript的瀏覽、編輯、除錯、網路監控等等……
1. FireShot
FireShot是一款具有完備功能的螢幕截圖外掛。除了傳統的擷取可見區域和擷取整個頁面外,fireshot還支援擷取瀏覽器視窗。此外fireshot最強大的地方是其自帶了功能全面的圖片編輯器和圖片上傳服務,提供圖片擷取編輯儲存的圖片編輯功能。
2. ColorZilla
螢幕取色是Web設計時經常要做的工作,之前經常用第三方的取色工具,需要時還要再臨時開啟。有了ColorZilla外掛就方便多了。 ColorZilla裝上後在火狐的瀏覽器底部的附加元件欄和右鍵選單均可啟動它。除了滑鼠取色外,還可以通過它對整個網頁進行色彩分析。
3. FontFinder
瀏覽網頁時,對字型敏感的設計師們經常有了解網頁中文字是何字型的需要。FontFinder就是能幫你完成這一任務的外掛。 FontFinder裝上後在火狐的瀏覽器底部的附加元件欄和右鍵選單均可啟動它。FontFinder啟動後,滑鼠選中文字,點選滑鼠左鍵,即可彈出選中文字的字型、樣式等資訊。
4. MeasureIt
MeasureIt是一把螢幕尺子,通過它可以丈量頁面元素的尺寸。
5. ScreenGrab
ScreenGrab也是一款截圖工具,相比前面提到的FireShot,我更喜歡它的快捷。安裝後,可以在右鍵選單生成整個網頁或者選中部分的png圖片。
6. FirePHP
通過它你可以在firebug的控制檯中對php程式碼進行除錯,具體使用可以參考這篇文章使用Firebug和FirePHP除錯PHP
7. FireFTP
FireFTP是一個整合在Firefox中的免費、跨平臺的FTP/SFTP客戶端。
8. TinEye Reverse Image Search
相似圖片搜尋。TinyEye是一個相似圖片搜尋網站。這款外掛可以通過右鍵點選網頁上的圖片,跳轉至TinyEye網站搜尋該圖片的相似圖片。
9. AutoCopy
安裝後,當選中網頁中某段文字後自動完成複製到剪貼簿的功能,不必再去點選右鍵複製。這對大量的複製張貼工作提供了便利。
原文:CSS9