29個前端工程師和設計師必備的Chrome外掛

Google Chrome是最好用的幾個瀏覽器之一，自從2011年11月份趕超Firefox之後，已成為當今網際網路的主流瀏覽器。今天，我來分享下自己收集的一系列Chrome外掛，希望能夠提高大家的工作效率。

閱讀原文

Devtools Terminal—嵌在瀏覽器中的終端。開發除錯利器！

LiveReload—整合LiveReload官方應用（Mac和Windows）以及guard-livereload、yeoman等第三方工具。幫助開發者快速構建Web應用。

· BrowserStack Local — 本地測試工具，藉助它可以快速完成本地/內部伺服器配置和測試工作，以及HTML、CSS、JavaScript靜態檔案的配置和測試。用BrowserStack提供的安全、便捷的雲服務，在700多個真實的桌面系統和移動瀏覽器中，測試應用的佈局、工作流和互動性。

JSONView —用來驗證和檢視JSON檔案。

Postman —介面除錯工具。介面編寫、除錯、文件撰寫過程使用它能提升工作效率。有100多萬使用者了。

Window Resizer —調整瀏覽器視窗大小，模擬各種解析度。幫助Web設計師和開發者測試多種解析度下的佈局效果。

WhatFont — 識別網頁所使用的字型。

Page Ruler —獲取任意網頁中元素大小、位置資訊。

Web Developer Checklist  — 自己的網站是否符合Web設計、開發的最佳實踐？對照這份清單，就能很容易發現網站是否有問題。

Image Downloader — 檢視和下載網頁中的影像。

Alexa Traffic Rank — Alexa Internet為Chrome開發的免費網站流量排名檢視工具。在不干擾使用者訪問網站的情況下，給出當前網站的Alexa資料。

Eye Dropper — 開源拾色器軟體，可以從網頁、其他拾色器和你用過的顏色中拾取顏色。

Firebug Lite — 它可不是用來替代Firebug或Chrome的開發者工具，而是配合這些工具來使

文章介紹的工具都有對應出去，鑑於文章寫出後不好一一找出對應，希望大家移步原文檢視