谷歌Chrome瀏覽器是網(wǎng)絡(luò)上可用的最好瀏覽器之一，并且自2011年11月超越了Firefox瀏覽器之后，已經(jīng)成為了互聯(lián)網(wǎng)上占主導(dǎo)地位的瀏覽器。今天，HTML5中國與大家分享一些實用的谷歌Chrome瀏覽器擴展，可以助我們有效提高工作效率。
　　前端程序員必知的30個Chrome擴展
　　Devtools Terminal?——瀏覽器終端。牛逼的不得了!
　　LiveReload——為官方LiveReload應(yīng)用程序(Mac和Windows)和第三方，例如guard-livereload和yeoman，提供Chrome瀏覽器集成。
　　BrowserStack Local?——本地測試app可以讓你即刻配置和測試本地/內(nèi)部服務(wù)器，和包括HTML、CSS和JavaScript文件在內(nèi)的本地文件夾。在BrowserStack上的安全云設(shè)置中測試布局，工作流程和交互性，跨越700+個真正的臺式機和移動瀏覽器。
　　JSONView?——驗證和查看JSON文件。
　　Postman——用Postman為API工作流程增加負荷!更快地構(gòu)建，測試，并記錄你的API。已經(jīng)不止一百多萬的開發(fā)人員投入了Postman的懷抱。
　　Window Resizer——該擴展可以重新調(diào)整瀏覽器窗口的大小，以仿效各種不同的分辨率。對網(wǎng)頁設(shè)計師和開發(fā)人員尤其有用，可以幫助測試在不同瀏覽器分辨率下的布局。
　　WhatFont——識別網(wǎng)頁上的字體最簡單的方法。
　　Page Ruler——畫一把尺子以得到像素維數(shù)和定位，并測量任何網(wǎng)頁上的元素。
　　Web Developer Checklist?——對于那些想要確保遵循最佳實踐的web開發(fā)人員，這個擴展可以讓你很容易發(fā)現(xiàn)自己網(wǎng)站的問題域。
　　Image Downloader——瀏覽和下載網(wǎng)頁上的圖像。
　　Alexa Traffic Rank?——Alexa Traffic Rank是Alexa Internet提供的免費的Chrome擴展，并且是Alexa流量面板的唯一擴展。這款A(yù)lexa擴展可以在你網(wǎng)上沖浪的時候陪伴你，提供有關(guān)你訪問的網(wǎng)站的Alexa數(shù)據(jù)，并且不會中斷你瀏覽網(wǎng)站。
　　Eye Dropper?——Eye Dropper是開源擴展，它可以讓你從網(wǎng)頁，拾色器和個人色彩歷史中選取顏色。
　　Firebug Lite?——Firebug Lite并非Firebug或Chrome Developer Tools的替代品。它是使用這些工具時也可以一起使用的工具。Firebug Lite提供了豐富的視覺表現(xiàn)，這些視覺表現(xiàn)也是我們在Firebug 中，涉及HTML元素，DOM元素，以及盒模型陰影(Box Model shading)時慣常見到的。它還提供了一些很酷的功能，比如用鼠標檢查HTML元素，以及實時編輯CSS屬性。
　　Web Developer?——添加了一個擁有各種web開發(fā)工具的工具欄按鈕。是Firefox web開發(fā)擴展的官方端口。
　　Responsive Inspector?——?Responsive Inspector是一個簡單的谷歌Chrome瀏覽器擴展，它允許查看被訪問網(wǎng)站的媒體查詢。這在開發(fā)響應(yīng)式網(wǎng)絡(luò)布局時非常有用，因為它可以直觀地顯示在CSS樣式表中定義了什么分辨率。
　　BuiltWith?——使用該擴展，可以找出你正在訪問的網(wǎng)站是用什么構(gòu)建的。
　　Corporate Ipsum?——作為填充文本使用，生成隨機的企業(yè)**說辭。
　　User-Agent Switcher?——模擬用戶代理(User-Agent)字符串。有了這個擴展，你就可以快速輕松地在用戶代理字符串之間進行切換。此外，你還可以設(shè)置每次要冒名的特定URL。
　　YSlow?——YSlow分析網(wǎng)頁，并提出如何在一套高性能web頁面規(guī)則的基礎(chǔ)上改進性能。YSlow在三個預(yù)定義規(guī)則之一或一個用戶定義的規(guī)則集的基礎(chǔ)上將網(wǎng)頁分等級。它提供了改進頁面性能的建議，總結(jié)了網(wǎng)頁頁面的組件，顯示了關(guān)于頁面的統(tǒng)計信息。
　　CSS Shapes Editor?——使用交互式編輯器來創(chuàng)建并調(diào)整CSS Shape值，重疊所選元素。
　　Pesticide?——這個擴展可以插入Pesticide CSS到當前頁，形成每個元素的示意圖以便于更好地看到它們在頁面上的位置。
　　Responsive Web Design Tester?——在移動設(shè)備上測試移動網(wǎng)站。此擴展反映了移動設(shè)備的大小和它的瀏覽器。
　　Palettab——將超棒的顏色和字體帶給新的標簽頁!每次點擊新標簽按鈕，都會給你一點點新鮮。
　　jQuery Audit?——jQuery Audit在元素面板中創(chuàng)建了一個側(cè)邊欄，包含jQuery的下放事件，內(nèi)部數(shù)據(jù)等，就像活躍的DOM節(jié)點，函數(shù)和對象。
　　Font Changer——改變Facebook、Twitter、Google、Youtube和其他任何網(wǎng)站的字體。測試Google Web Fonts?。
　　HTML5 Outliner——用標題和分節(jié)元素生成一個可導(dǎo)航的頁面大綱。
　　PerfectPixel?——此擴展允許開發(fā)人員把一個半透明的圖像疊加到已開發(fā)好的HTML的頂部，并在它們之間執(zhí)行每個像素的比較。
　　SelectorGadget?——Selector Gadget 是一個開源的Chrome瀏覽器擴展，能夠讓CSS選擇器輕而易舉地生成和發(fā)現(xiàn)于復(fù)雜網(wǎng)站。
　　Stylebot——瞬間改變網(wǎng)站的外觀。