10個針對Web開發人員的優秀Chrome擴充推薦

Google Chrome擴充對於開發人員來說是非常實用的，它們可以使開發人員在開發過程中不必運行一些瑣碎的工具，從而使他們的工作更加集中。Chrome擴充可以通過很多種方式來協助開發人員。Chrome是個非常受歡迎的瀏覽器，而這些擴充無疑又增加了它的魅力。

我們已經搜集了一些重要的Chrome擴充，這非常有利於我們的Web開發工作。

1.   Speed Tracer

Speed Tracer是一款可以協助你發現並修複Web應用程式效能問題的擴充應用。Speed Tracer的功能很強大，它可以對網頁中的元素進行全方位的檢測分析，找出Web應用運行緩慢的罪魁禍首，以方便開發人員最佳化代碼。Speed Tracer還可以解決JavaScript文法分析和執行、CSS式樣以及其他更多方面的問題。

2.   Web Developer

安裝Web Developer擴充後，會在瀏覽器的工具列中添加一個按鈕，點擊該按鈕，會彈出各種Web開發工具。此擴充工具的作者同時也是非常流行的Firefox擴充Web Developer extension for Firefox的作者。

3.   Chrome Sniffer

這個擴充可以協助Web開發人員檢查當前瀏覽的網站中的Web架構/CMS和JavaScript庫。在地址欄中會出現一個表徵圖，以顯示檢測到的架構。

4.   StayFocusd

StayFocusd是一個高效的Google瀏覽器延伸，它可以通過限制你花費在無價值網站上的時間，來協助你專註於工作。一旦你指定的時間已經消耗完，該網站即被限制，1天之內你不能再訪問。

5.   JavaScript Errors Notifier

安裝該擴充後，會在Chrome地址欄中以表徵圖形式提示JavaScript錯誤。

6.   Stylebot

使用Stylebot，你可以自訂你喜歡的網站的外觀和風格。這也是一個學習CSS的偉大的工具，你可以在設計和調試網站的過程中學習CSS。

7.   Window Resizer

此擴充可以調整瀏覽器視窗的大小，以適應各種螢幕解析度。這對於Web設計師和開發人員非常有用，可以協助他們在不同的螢幕解析度下測試網站布局。

8.   Awesome Screenshot

可以協助使用者截取網頁內容以及添加註釋。

9.   BuiltWith Technology Profiler

BuiltWith是一個網站分析工具。找到一個網頁後，BuiltWith可以返回它能在這個頁面中找到的所有的技術。BuiltWith的目標是協助開發人員、研究者和設計者找出網頁使用的是什麼技術，這可能有助於他們決定在自己的項目中使用什麼技術。

10.   Clicky Monitor

Clicky是一個強大的即時網頁分析服務，Clicky監視器可以讓你快速存取你使用Clicky跟蹤的網站的分析資訊。

via http://slodive.com/web-development/chrome-extensions-web-developers/