Web前端開發人員實用Chrome外掛程式收集

標籤：google   nmf   擴充   整合   搜尋   控制   org   targe   googl   

越來越多的前端開發人員喜歡在Chrome裡開發調試代碼，Chrome有許多優秀的外掛程式可以協助前端開發人員極大的提高工作效率。尤其Chrome本身是可以登入的，登入後你所有的外掛程式都會自動同步到每一個登入後的Chrome的，非常方便啊。

Postman - REST Client

Postman是Ajax開發的神器，對於Restful開發方式特別有協助，可以用來類比各種請求來測試API的正確性，比如用來類比Ajax請求。它還支援認證，比如簡單的使用者名稱/密碼，或者Oauth1.0。Rest Console也是一個不錯的選擇。

Edit This Cookie

這是一個強大的cookie管理器。你可以添加、刪除、編輯、搜尋、保護和阻止cookies。Cookies也是一個非常強大的Cookie工具。

Web Developer

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

JSON Lint

一個線上驗證和格式化JSON檔案的應用。

網頁

截取網頁為圖片，支援視窗，地區和整個網頁三種方式。支援水平和垂直翻頁截取超大網頁，新版引進自動儲存功能。後，可以利用圖片編輯工具編輯圖片，然後將編輯後的圖片儲存為PNG格式的圖片檔案，並且提供了高亮工具，塗改工具和文字添加工具。

YSlow

YSlow可以分析網頁，並為改善網頁效能提出修改建議，這些功能基於高效能網頁的規則集。YSlow可以根據預定義的三個規則集或使用者自訂規則集來對網頁進行分級。，PageSpeed Insights是Google開發的類似功能的外掛程式。

ColorZilla

可以從頁面上任何一點擷取顏色，維護擷取曆史等。

Measure It!

MeasureIt！ 給你測量一個網站中的任何元素的尺寸（像素寬度和高度）。 Page Ruler也是一個不錯的選擇。

JavaScript Errors Notifier

安裝該擴充後，會在Chrome地址欄中以表徵圖形式提示JavaScript錯誤，因為Chrome預設只有開啟console才會顯示錯誤。

Window Resizer

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

Firebug Lite

Firebug的精簡版允許您檢查的HTML，CSS和JavaScript代碼，生活在任何頁面。 你也可以編輯代碼，立即測試新的變化。 這是一個開發人員最喜歡的Firefox擴充Firebug的精簡版。

JQuery 擴充

jQuery擴充讓你在當前網頁中運行JavaScript和jQuery命令。

Pretty Beautiful Javascript

該擴充可以使Javascript檔案更容易閱讀。其整合了Beautifier和Prettify的功能，可以為代碼添加文法高亮。用法是在新視窗裡輸入js檔案的URL或者在查看HMTL原始碼時點擊js檔案的連結。如果是在Chrome的控制台裡的資源選項裡查看代碼則推薦使用Chrome內建的"pretty print"功能，也就是點擊"{ }"表徵圖。

WhatFont

用於查看當前頁面使用了哪些字型，Firebug和Webkit Inspector也可以查看字型，但是遠沒有WebFont方便，WebFont可以通過把滑鼠移至上方在元素上來查看字型。同時還支援查看網路字型，如Typekit 和Google Font API。

IE Tab

在Chrome中開啟IE瀏覽器標籤頁，你可以開啟一個標籤來運行Internet Explorer，讓你看到的網頁在IE瀏覽器看起來如何。

參考文獻

10個針對Web開發人員的優秀Chrome外掛程式

如需轉載，請註明來自: BorisHuai前端修鍊 > Web前端開發人員實用Chrome外掛程式收集

http://blog.csdn.net/linking530/article/details/18141231

Web前端開發人員實用Chrome外掛程式收集