谷歌瀏覽器（Chrome）在2008年末才公佈。但很是快它已成爲火狐（Firefox）有力競爭對手。javascript
以前。因爲有大量的附加組件的支持，因此火 狐（Firefox）是大多數網頁設計者的首選瀏覽器。谷歌瀏覽器（Chrome）緊跟其後，相同開發了很是多擴展，特別是針對網頁設計者的擴展，數量衆 多，包含很是著名的Web Developer擴展。java
如下收集的這些擴展，最好仍是你也裝上試試。web
不論是Firefox仍是Google Chrome。其強大的擴展都是吸引咱們最大的緣由之中的一個。如下介紹的是網頁設計和網頁開發者會經常用到的32款 Google Cchrome 擴展。chrome
1. FireBug Litenpm
Firefox有個很出名的擴展——FireBug，Firebug Lite 就至關於Firefox的FireBug，可以即時預覽到編輯、改動 CSS, HTML 和 JavaScript的效果。windows
2. Resolution Test瀏覽器
Resolution Test 能夠改動瀏覽器窗體的分辨率，從而讓網頁開發者能夠即時預覽頁面在不一樣分辨率如下的表現狀況。緩存
3. Speed Tracer網絡
Speed Tracer 可以對網頁中的元素進行全方位的檢測分析。幫你找出網頁執行緩慢的因素，以方便站點開發人員優化代碼。眼下可在windows 和 Linux 兩種操做平臺如下執行。app
Web Developer 可以在瀏覽器工具條上集成多種網頁開發工具。是站點開發者最常用的 Google Chrome 擴展之中的一個。安裝Web Developer 擴展以後會在瀏覽器工具欄加入一個圖標，點擊圖標就可以看到很是多的網頁開發工具。
5. Pendule
這個插件功能和FireBug很是像，安裝 Pendule 擴展後可以對 Google Chrome 內置的開發人員工具進行擴充。
Aviary Screen Capture 是由 Aviary.com 提供的一個截屏擴展。安裝 Aviary Screen Capture 擴展後可以對當前瀏覽器可見內容進行截屏。而後跳轉到Aviary.com 提供的在線圖片編輯頁面進行編輯，編輯完畢後再保存到本地電腦。
Chrome Web Developer Tools和FireFox Web Developer很是像，和Firefox Firebug的功能接近。
Chrome Sniffer 可以幫助開發人員檢查網頁在執行時的框架/CMS和javascript庫的狀況，在檢測框架時，地址欄會出現一個圖標。
可以產生隨機的文本。
10. PlainClothes
PlainClothes可以讓你對網頁任意進行樣式定義，甚至禁用樣式。相同。你也可以讓文字內容在不論什麼頁面都本身主動依照你設定的樣式進行呈現（在 「選擇」>「Under the Hood」>」改變字體和語言」裏設置）。
在某些必須使用IE的狀況下，這個插件會頗有效。
12. Chrome SEO
Chrome SEO是眼下最全面的Chrome SEO擴展。安裝Chrome SEO擴展後。你在訪問一個網頁的時候，可以依照不一樣分類看到相關的SEO有用參數。包含各個搜索引擎的索引數量、反向連接、流量和排名、被各個書籤服務 所收藏的次數、被緩存的版本號、域名信息（DNS、Whois、IP等），全部顯示在擴展button的彈出菜單裏。
13. SEO Site Tools
SEO Site Tools這個 Google chrome 擴展可以校驗CSS代碼、HTML代碼。以及監測Gzip壓縮狀況等主要的SEO資料，可以鼠標右鍵取消該功能。
可以用來檢查網頁的meta屬性，並且可以監測no-follow連接屬性。
15. Validity
Validity可以使網頁在地址欄中高速執行。 僅僅要點擊地址欄上的圖標就可以激活當前頁面。頁面的錯誤量也可在瀏覽器工具欄中看見。
16. Eye Dropper
Eye Dropper 擴展可以贊成用戶從當前頁面中的不論什麼一個像素提取顏色代碼，固然擴展自己也自帶了一個很是好用的調色板。
17. Color Picker
顏色拾取器，可以高速獲取顏色的Hex 和 RGB值。
18. Image Cropper
Google chrome 瀏覽器的截圖擴展。
網頁截圖擴展，可以把整個頁面完整截屏。
20. Picnik
可以讓用戶很輕鬆的編輯在瀏覽網頁過程當中看到的圖片。在網頁載入完以後，點擊Picnikbutton。用戶將可以得到站點圖像的縮略圖列表。
點擊這些縮 略圖，圖像將在Picnik打開。用戶可以進行編輯、凝視和共享等。
21. MeasureIt!
和Firefox的 MeasureIt! 擴展如出一轍的功能。可以測量頁面上不論什麼內容的寬度和高度。
22. Pixlr Grabber
Chrome的衆多截屏擴展之中的一個。
既可以對當前正在瀏覽網頁的可視部分進行截屏，也可以對當前正在瀏覽網頁指定區域進行截屏，不少其它爲數很少可以對整 個網頁進行截屏的擴展之中的一個。
23. Domain Availability Checker
可以高速監測域名是否被註冊。
24. Snippy
可以抓取頁面中的部份內容，而後保存下來，供未來僅僅用。最強大的功能在於它可以抓取豐富的內容，並保留格式。因此你用它來抓取文字、圖片。連接等諸 多格式的內容，並可以保留到Google Doc 上。
25. FlashBlock
FlashBlock 可以阻止所有的flash內容加載。
等網頁加載後你可以點擊選擇加載flash，或者是下載flash。
26. Built With Technology Profiler
Built With Technology Profiler這個插件可以幫你識別出當前頁面都是用了哪些技術。
27. LastPass
LastPass是一個免費的password管理擴展和表格填寫擴展，讓你上網衝浪更便捷。
28. iMacros
假設你喜歡使用網頁瀏覽器，但是天天反覆性訪問一樣的站點，讓你感到很的厭倦，假設填寫表格。忘記password，那麼iMacros能幫助你解決問題 的。iMacros本身主動化的設計是在網絡上最反覆性的任務。
無論你對Firefox作什麼。iMacros可以本身主動運行它。網絡設計人員可以使用的功能測 試和迴歸測試網頁的Web應用軟件。
29. Chrome Flags 或 IP Whois & Flags Chrome（推薦）
Chrome Flags功能是將正在訪問的server所在國家的國旗顯示在地址欄上。
30. Frame Two Pages
Frame Two Pages能讓你在同一個 Chrome 標籤中查看兩個標籤頁面的內容，在進行網頁對照的時候很實用。
31. Split Screen
Split Screen和Frame Two Pages有點像，可以將 Chrome 的一個標籤分爲兩個頁面，並且可以在每個頁面中顯示不一樣的網頁。
32. Session Buddy
Session Buddy是一個進程管理擴展。支持保存和查看當前進程，還能顯示、更新進程快照，支持崩潰恢復。