“工欲善其事必先利其器”，作為開發(fā)的程序員，好的軟件會使我們開發(fā)速度顯著提升。

比如備受開發(fā)者青睞的谷歌瀏覽器Chrome，Chrome的功能通過成千上萬的附加組件和擴(kuò)展功能進(jìn)行擴(kuò)展，讓開發(fā)者們可以在開發(fā)過程中運(yùn)用各種技巧測試網(wǎng)站和應(yīng)用程序。根據(jù)你的需要，并選擇完美的擴(kuò)展，你可以輕松地創(chuàng)建一個個性化的開發(fā)環(huán)境，這會大大提高你的開發(fā)效率。

本文列出了一些對開發(fā)者的最有用的、用戶友好和功能豐富的擴(kuò)展工具，開發(fā)者們可根據(jù)自己的需要進(jìn)行選擇。

1、網(wǎng)站分析工具 Wappalyzer

Wappalyzer 是一個實(shí)用的跨平臺網(wǎng)站分析工具，用于幫助開發(fā)者、研究者和設(shè)計者檢測網(wǎng)頁使用的是什么技術(shù)，以更好地衡量自己的項目中該使用什么技術(shù)。Wappalyzer 的功能和 BuiltWith 類似，可檢測內(nèi)容管理系統(tǒng)（CMS），電子商務(wù)平臺、Web服務(wù)器、JavaScript框架和已安裝的分析工具等。

2、代碼特效圖 Marmoset

Marmoset 由一段 Nginx 代碼組成，可以在短短幾秒鐘內(nèi)幫助你制作漂亮的代碼截圖，輸出線框和標(biāo)記代碼。此外，您可以添加主題和其他效果，它支持多種常見及不常見的代碼語言類型，內(nèi)建大約數(shù)十種配色，制作好的圖片可以當(dāng)作電腦桌面壁紙使用，絕對是極客必備。這個簡單直觀的附件，用戶只需稍作了解，便在性能評分中毫不猶豫地給出令人垂涎的5星。

3、批量打開多個鏈接 Linkclump

Linkclump 是一款用來批量打開網(wǎng)頁多個鏈接的擴(kuò)展工具，只需要用鼠標(biāo)拖動框選所有想要打開的鏈接，就能在 LinkClump 的新標(biāo)簽頁、窗口中一次性打開它們，還可以保存為書簽，復(fù)制到剪貼板，關(guān)鍵詞過濾（即包含的關(guān)鍵詞打開或者不打開），延遲打開，反向選擇打開鏈接等等。

4、清除歷史記錄 Click&Clean

在超過45,000條評論中能一直維持5分好評可不是件簡單的事，但Click＆Clean 做到了！通過 Click&Clean插件，用戶可以選擇多種方式來清除Chrome中的歷史記錄。而Click&Clean的清理界面也設(shè)計的非常新潮，它只需點(diǎn)擊一下即可刪除鍵入的URL，緩存和Cookie以及下載和瀏覽歷史記錄。Click＆Clean甚至還能刪除客戶端Web SQL數(shù)據(jù)庫，F(xiàn)lash Cookies (LSOs)等。這可是Google Chrome瀏覽器的第一個私人數(shù)據(jù)清理工具。

5、程序調(diào)試工具 Firebug Lite

Firebug 是站長和博主的必備網(wǎng)絡(luò)工具。它能對HTML頁面的代碼進(jìn)行分析，并能對網(wǎng)頁式樣元素提供實(shí)時預(yù)覽。它不是Firebug或Chrome Developer Tools的替代品，相反，它與這些工具巧妙結(jié)合使用，提供諸如HTML元素的豐富視覺效果，DOM元素和Box模型著色功能，實(shí)時編輯CSS屬性等，它還能對網(wǎng)站的性能進(jìn)行測試評估，提供對諸如載入時間等的分析。你可以進(jìn)入Chrome擴(kuò)展程序中心的Firebug頁面進(jìn)行下載安裝Chrome版的擴(kuò)展 Firebug Lite。

6、字體樂園 Font Playground

這是另一款非常有用的前端工具，字體樂園（Font Playground）讓在你的應(yīng)用或者網(wǎng)站上無需改變?nèi)魏螙|西而實(shí)驗不同字體成為可能。你可以獲取到超過1000種免費(fèi)谷歌網(wǎng)頁字體，它能讓你在短短幾秒鐘內(nèi)預(yù)覽該字體的效果。

7、搜索圖片 Search by Image

搜索圖片是谷歌親生的方向圖片搜索插件，其授權(quán)你可以在網(wǎng)頁的任何圖片上使用谷歌搜索（比天眼靈活，親生就是不一樣），簡單的在圖片上點(diǎn)擊右鍵，然后選擇“找谷歌上找這種圖片”（Search Google with this image）。如果這是你經(jīng)常用的插件，你也可以通過添加點(diǎn)擊圖片搜索來快速使用這個功能。

8、天眼－反向圖片搜索 TinEye Reverse Image Search

第一個依賴圖片身份技術(shù)的反向圖片搜索引擎（以抗議關(guān)鍵字加密，元數(shù)據(jù)和水印）（編者：深深鄙視找來的好圖還要加水印的人），天眼能簡單的快速搜索到幾乎所有圖片原資源。它為每一張要搜索的圖片創(chuàng)建一個獨(dú)立標(biāo)識，并且與數(shù)據(jù)庫中其他圖片的標(biāo)識進(jìn)行精確匹配（非類似匹配），包括已被編輯，壓縮，重定義大小了的匹配圖片。以此每周有上千萬的圖片被添加進(jìn)數(shù)據(jù)庫。

9、內(nèi)建技術(shù)構(gòu)建者 BuiltWith Technology Profiler

搞清楚一個網(wǎng)頁如何建立按鈕的點(diǎn)擊需要感謝內(nèi)建技術(shù)構(gòu)建者，一款不錯的易用網(wǎng)頁建構(gòu)工具。在你點(diǎn)擊構(gòu)建圖標(biāo)后，這款控件能返回所有能在這個網(wǎng)頁運(yùn)用的技術(shù)。訪問“BuiltWith”網(wǎng)頁獲取更多信息，你也可以在“BuiltWith” 網(wǎng)頁添入url來探索那個網(wǎng)站使用的技術(shù)。

10、像素標(biāo)尺 Page Ruler

像素標(biāo)尺能為你在任何一個網(wǎng)頁顯示標(biāo)尺，它可以為任何你想要測量的頁面控件提供寬，高，位置（上，下，左，右）等信息。標(biāo)尺的大小，位置可以很容易地通過拖動標(biāo)尺邊緣、改變靶心位置、或者在工具欄手動更新標(biāo)尺大小和位置來做精確調(diào)整。像素標(biāo)尺同樣提供了一個“組件模式”，其會在你鼠標(biāo)移到組件上時顯示該組件輪廓。更贊的是，你可以瀏覽任何控件的父控件，子控件，同級控件。

希望上面提到的一些工具能夠提高你的開發(fā)效率。你肯定也有自己中意的工具，這些工具對你的開發(fā)工作來說是必不可少的。但是千萬不要貪多貪全，因為擴(kuò)展工具太多反而會無從下手，不僅沒有真正起到助益作用，反而常常妨礙了正常的開發(fā)工作。