Google Chrome 是最好用的幾個(gè)瀏覽器之一，自從2011年11月份趕超 Firefox 之后，已成為當(dāng)今互聯(lián)網(wǎng)的主流瀏覽器。今天，我來分享下自己收集的一系列 Chrome 插件，希望能夠提高大家的工作效率。
Devtools Terminal：嵌在瀏覽器中的終端。開發(fā)調(diào)試?yán)鳎?/p>
LiveReload：集成LiveReload官方應(yīng)用（Mac和Windows）以及guard-livereload、yeoman等第三方工具。幫助開發(fā)者快速構(gòu)建Web應(yīng)用。
BrowserStack Local：本地測試工具，借助它可以快速完成本地/內(nèi)部服務(wù)器配置和測試工作，以及HTML、CSS、JavaScript靜態(tài)文件的配置和測試。用BrowserStack提供的安全、便捷的云服務(wù)，在700多個(gè)真實(shí)的桌面系統(tǒng)和移動(dòng)瀏覽器中，測試應(yīng)用的布局、工作流和交互性。
JSONView：用來驗(yàn)證和查看JSON文件。
Postman：接口調(diào)試工具。接口編寫、調(diào)試、文檔撰寫過程使用它能提升工作效率。有100多萬用戶了。
Window Resizer：調(diào)整瀏覽器窗口大小，模擬各種分辨率。幫助Web設(shè)計(jì)師和開發(fā)者測試多種分辨率下的布局效果。
WhatFont：識別網(wǎng)頁所使用的字體。
Page Ruler：獲取任意網(wǎng)頁中元素大小、位置信息。
Web Developer Checklist：自己的網(wǎng)站是否符合Web設(shè)計(jì)、開發(fā)的最佳實(shí)踐？對照這份清單，就能很容易發(fā)現(xiàn)網(wǎng)站是否有問題。
Image Downloader?：查看和下載網(wǎng)頁中的圖像。
Alexa Traffic Rank：?Alexa Internet為Chrome開發(fā)的免費(fèi)網(wǎng)站流量排名查看工具。在不干擾用戶訪問網(wǎng)站的情況下，給出當(dāng)前網(wǎng)站的Alexa數(shù)據(jù)。
Eye Dropper：開源拾色器軟件，可以從網(wǎng)頁、其他拾色器和你用過的顏色中拾取顏色。
Firebug Lite：它可不是用來替代Firebug或Chrome的開發(fā)者工具，而是配合這些工具來使用。你可以像使用Firebug那樣，用它來查看HTML、DOM元素和盒子模型。它還能提供其他比較酷的功能，比如用鼠標(biāo)查看HTML元素，編輯CSS屬性后能立馬看到效果等。
Web Developer：以工具欄形式提供一系列Web開發(fā)工具， 這是Web Developer官方為Chrome開發(fā)的版本，他們也為 Firefox、Opera開發(fā)了相應(yīng)插件。
Responsive Inspector：用于查看被訪問網(wǎng)站的媒體特性（media query）。開發(fā)響應(yīng)式Web布局時(shí)，可以直觀地顯示CSS樣式表所定義的分辨率的效果。
BuiltWith：用于查看當(dāng)前網(wǎng)站使用什么技術(shù)搭建。
Corporate Ipsum：隨機(jī)生成企業(yè)相關(guān)信息，作為占位文本，方便查看布局效果。
User-Agent Switcher：修改用戶***（User-Agent）字符串，以偽裝成某些瀏覽器和操作系統(tǒng)，還可以偽造特定的URL。
YSlow：分析網(wǎng)頁，根據(jù)能夠提高網(wǎng)頁性能的一組規(guī)則，提出性能改進(jìn)建議。
CSS Shapes Editor：在所選中元素上方顯示交互式編輯器，用于新建和調(diào)整用CSS寫的圖形。
Pesticide：在當(dāng)前網(wǎng)頁插入Pesticide CSS，為元素添加明顯的邊框，方便查看元素位置。
Responsive Web Design Tester：測試移動(dòng)網(wǎng)站在移動(dòng)設(shè)備上的效果。該插件能夠模擬不同尺寸、裝有不同瀏覽器的移動(dòng)設(shè)備。
Palettab：安裝后，新開一頁卡，就能看到5種顏色和字體搭配方案！每次點(diǎn)擊新頁卡，就能有新發(fā)現(xiàn)。
jQuery Audit：在元素面板創(chuàng)建側(cè)邊欄，顯示jQuery委托***事件、內(nèi)部數(shù)據(jù)、當(dāng)前選中的DOM節(jié)點(diǎn)、函數(shù)和對象等信息。
Font Changer：修改包括Facebook、Twitter、Google、Youtube在內(nèi)的任意網(wǎng)站的字體?？梢栽囋嘒oogle Web Fonts?字體的效果。
HTML5 Outliner：使用網(wǎng)頁中的標(biāo)題和分區(qū)信息，創(chuàng)建可點(diǎn)擊的大綱視圖。
PerfectPixel：在頁面上顯示半透明的圖像，便于逐像素對比調(diào)整前后的頁面效果，以達(dá)到最佳水準(zhǔn)。
SelectorGadget：有了這個(gè)開源工具，為復(fù)雜網(wǎng)站的元素生成CSS選擇器，以及查看選擇器所匹配的元素都將變得輕而易舉。
Stylebot：快速修改網(wǎng)站樣式。
