一、 FireBug Lite
Firefox有個很是出名的擴展——FireBug,Firebug Lite 就至關於Firefox的FireBug,能夠即時預覽到編輯、修改 CSS, HTML 和 JavaScript的效果。html
二、Resolution Test
Resolution Test 能夠修改瀏覽器窗口的分辨率,從而讓網頁開發人員可以即時預覽頁面在不一樣分辨率下面的表現狀況。
chrome
三、Speed Tracer
Speed Tracer 能夠對網頁中的元素進行全方位的檢測分析,幫你找出網頁運行緩慢的因素,以方便網站開發者優化代碼,目前可在windows 和 Linux 兩種操做平臺下面運行。windows
四、Web Developer
Web Developer 能夠在瀏覽器工具條上集成多種網頁開發工具,是網站開發人員最經常使用的 Google Chrome 擴展之一。安裝Web Developer 擴展以後會在瀏覽器工具欄添加一個圖標,點擊圖標就能夠看到不少的網頁開發工具。瀏覽器
五、PlainClothes
PlainClothes可讓你對網頁隨意進行樣式定義,甚至禁用樣式。一樣,你也可讓文字內容在任何頁面都自動按照你設定的樣式進行呈現(在「選擇」>「Under the Hood」>」改變字體和語言」裏設置)。
工具
六、Internet Explorer Tab
在某些必須使用IE的狀況下,這個插件會很是有效。開發工具
這款插件的最大好處,就是可以在Chrome中直接生成一個IE內核標籤。插件裝好後會自動在地址欄右側生成一個按鈕,每次點擊都能產生一個空白IE標籤,在這個標籤中擁有一套獨立的地址欄及工具欄,打開的網頁將享受到與IE同樣的服務。此外它還有一個很人性化的考慮,那就是能夠將當前頁面設爲「自動啓動」(工具欄左數第2個按鈕),換句話說當咱們再次打開相同頁面時,Chrome將自動以IE模式打開。字體
七、Validity
Validity可使網頁在地址欄中快速運行。 只要點擊地址欄上的圖標就能夠激活當前頁面。頁面的錯誤量也可在瀏覽器工具欄中看見。
優化
八、Image Cropper
Google chrome 瀏覽器的截圖擴展。網站
九、Webpage Screenshot
網頁截圖擴展,能夠把整個頁面完整截屏。
ui
十、Picnik
可讓用戶很是輕鬆的編輯在瀏覽網頁過程當中看到的圖片。在網頁加載完以後,點擊Picnik按鈕,用戶將可以得到網站圖像的縮略圖列表。點擊這些縮略圖,圖像將在Picnik打開,用戶能夠進行編輯、註釋和共享等。
十一、.FlashBlock
FlashBlock 能夠阻止全部的flash內容載入。等網頁載入後你能夠點擊選擇載入flash,或者是下載flash。
十二、Built With Technology Profiler
Built With Technology Profiler這個插件能夠幫你識別出當前頁面都是用了哪些技術。
1三、Frame Two Pages
Frame Two Pages能讓你在同一個 Chrome 標籤中查看兩個標籤頁面的內容,在進行網頁對比的時候很是有用。
1四、Prevent Duplicate Tabs(防止重複標籤)
有時候,你是否是忽然網頁特別卡,而後發現本身居然已經打開了20了網頁標籤,而且還有幾個是重複的?而後一陣猛關,結果還沒看的網頁也被關了。
如今不用鬱悶了,Prevent Duplicate Tabs能夠助你一臂之力。它有三種模式,分別是不阻止、保留現有的、保留新建的。能夠在工具欄點擊圖標進行隨時切換
參考資料: 經常使用的Chrome谷歌瀏覽器插件 http://www.studyofnet.com/news/1006.html