Google Chrome是最好用的幾個瀏覽器之一，自從2011年11月份趕超F(xiàn)irefox之后，已成為當(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多個真實的桌面系統(tǒng)和移動瀏覽器中，測試應(yīng)用的布局、工作流和交互性。 JSONView?—用來驗證和查看JSON文件。 Postman?—接口調(diào)試工具。接口編寫、調(diào)試、文檔撰寫過程使用它能提升工作效率。有100多萬用戶了。 Window Resizer?—調(diào)整瀏覽器窗口大小，模擬各種分辨率。幫助Web設(shè)計師和開發(fā)者測試多種分辨率下的布局效果。 WhatFont?—?識別網(wǎng)頁所使用的字體。 Page Ruler?—獲取任意網(wǎng)頁中元素大小、位置信息。 Web Developer Checklist??—?自己的網(wǎng)站是否符合Web設(shè)計、開發(fā)的最佳實踐？對照這份清單，就能很容易發(fā)現(xiàn)網(wǎng)站是否有問題。 Image Downloader?—?查看和下載網(wǎng)頁中的圖像。 Alexa Traffic Rank?—?Alexa Internet為Chrome開發(fā)的免費網(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布局時，可以直觀地顯示CSS樣式表所定義的分辨率的效果。 BuiltWith?—?用于查看當(dāng)前網(wǎng)站使用什么技術(shù)搭建。 Corporate Ipsum?—?隨機生成企業(yè)相關(guān)信息，作為占位文本，方便查看布局效果。 User-Agent Switcher?—?修改用戶代理（User-Agent）字符串，以偽裝成某些瀏覽器和操作系統(tǒng)，還可以偽造特定的URL。 YSlow?—?分析網(wǎng)頁，根據(jù)能夠提高網(wǎng)頁性能的一組規(guī)則，提出性能改進建議。 CSS Shapes Editor?—?在所選中元素上方顯示交互式編輯器，用于新建和調(diào)整用CSS寫的圖形。 Pesticide?—?在當(dāng)前網(wǎng)頁插入Pesticide CSS，為元素添加明顯的邊框，方便查看元素位置。 Responsive Web Design Tester?—測試移動網(wǎng)站在移動設(shè)備上的效果。該插件能夠模擬不同尺寸、裝有不同瀏覽器的移動設(shè)備。 Palettab?—?安裝后，新開一頁卡，就能看到5種顏色和字體搭配方案！每次點擊新頁卡，就能有新發(fā)現(xiàn)。 jQuery Audit?—?在元素面板創(chuàng)建側(cè)邊欄，顯示jQuery委托代理事件、內(nèi)部數(shù)據(jù)、當(dāng)前選中的DOM節(jié)點、函數(shù)和對象等信息。 Font Changer?—修改包括Facebook、Twitter、Google、Youtube在內(nèi)的任意網(wǎng)站的字體?？梢栽囋嘒oogle Web Fonts?字體的效果。 HTML5 Outliner?—?使用網(wǎng)頁中的標(biāo)題和分區(qū)信息，創(chuàng)建可點擊的大綱視圖。 PerfectPixel?— 在頁面上顯示半透明的圖像，便于逐像素對比調(diào)整前后的頁面效果，以達(dá)到最佳水準(zhǔn)。 SelectorGadget?— 有了這個開源工具，為復(fù)雜網(wǎng)站的元素生成CSS選擇器，以及查看選擇器所匹配的元素都將變得輕而易舉。 Stylebot?—?快速修改網(wǎng)站樣式。 |
|
|
