32種穀歌瀏覽器外掛，程式設計師的福音

　　對於網頁設計人員或網站開發者來說，更喜歡使用像FF的此類瀏覽器，原因是其具有強大的輔助外掛，可以幫助網頁製作與開發提高效率，那麼同樣對於Google Cchrome瀏覽器來說也是具有大量的此類外掛，本文收集了一些針對Google Cchrome瀏覽器進行網頁製作開發的外掛工具。可以有效提高網頁設計師或前端開發者的工作效率。

　　無論是Firefox還是Google Chrome，其強大的擴充套件都是吸引我們最大的原因之一。下面介紹的是網頁設計和網頁開發人員會經常用到的32款 Google Cchrome 擴充套件。

　　1. FireBug Lite

　　Firefox有個非常出名的擴充套件——FireBug，Firebug Lite 就相當於Firefox的FireBug，可以即時預覽到編輯、修改 CSS, HTML 和 JavaScript的效果。

　　2. Resolution Test

　　Resolution Test 可以修改瀏覽器視窗的解析度，從而讓網頁開發人員能夠即時預覽頁面在不同解析度下面的表現情況。

　　3. Speed Tracer

　　Speed Tracer 可以對網頁中的元素進行全方位的檢測分析，幫你找出網頁執行緩慢的因素，以方便網站開發者優化程式碼，目前可在windows 和 Linux 兩種操作平臺下面執行。

　　4. Web Developer

　　Web Developer 可以在瀏覽器工具條上整合多種網頁開發工具，是網站開發人員最常用的 Google Chrome 擴充套件之一。安裝Web Developer 擴充套件之後會在瀏覽器工具欄新增一個圖示，點選圖示就可以看到很多的網頁開發工具。

　　5. Pendule

　　這個外掛功能和FireBug很像，安裝 Pendule 擴充套件後可以對 Google Chrome 內建的開發者工具進行擴充。

　　6. Aviary Screen Capture

　　Aviary Screen Capture 是由 Aviary.com 提供的一個截圖擴充套件。安裝 Aviary Screen Capture 擴充套件後可以對當前瀏覽器可見內容進行截圖，然後跳轉到Aviary.com 提供的線上圖片編輯頁面進行編輯，編輯完成後再儲存到本地電腦。

　　7. Chrome Web Developer Tools

　　Chrome Web Developer Tools和FireFox Web Developer很像，和Firefox Firebug的功能接近。

　　8. Chrome Sniffer

　　Chrome Sniffer 可以幫助開發者檢查網頁在執行時的框架/CMS和javascript庫的情況，在檢測框架時，位址列會出現一個圖示。

　　9. Lorem Ipsum Generator

　　可以產生隨機的文字。

　　10. PlainClothes

　　PlainClothes可以讓你對網頁隨意進行樣式定義，甚至禁用樣式。同樣，你也可以讓文字內容在任何頁面都自動按照你設定的樣式進行呈現（在“選擇”>“Under the Hood”>”改變字型和語言”裡設定）。

　　11. Internet Explorer Tab

　　在某些必須使用IE的情況下，這個外掛會非常有效。

　　12. Chrome SEO

　　Chrome SEO是目前最全面的Chrome SEO擴充套件。安裝Chrome SEO擴充套件後，你在訪問一個網頁的時候，可以按照不同分類看到相關的SEO實用引數，包括各個搜尋引擎的索引數量、反向連結、流量和排名、被各個書籤服務所收藏的次數、被快取的版本、域名資訊（DNS、Whois、IP等），全部顯示在擴充套件按鈕的彈出選單裡。

　　13. SEO Site Tools

　　SEO Site Tools這個 Google chrome 擴充套件可以校驗CSS程式碼、HTML程式碼，以及監測Gzip壓縮情況等基本的SEO資料，可以滑鼠右鍵取消該功能。

　　14. META SEO Inspector

　　可以用來檢查網頁的meta屬性，並且可以監測no-follow連結屬性。

　　15. Validity

　　Validity可以使網頁在位址列中快速執行。 只要點選位址列上的圖示就可以啟用當前頁面。頁面的錯誤量也可在瀏覽器工具欄中看見。

　　16. Eye Dropper

　　Eye Dropper 擴充套件可以允許使用者從當前頁面中的任何一個畫素提取顏色程式碼，當然擴充套件本身也自帶了一個很好用的調色盤。

　　17. Color Picker

　　顏色拾取器，可以快速獲取顏色的Hex 和 RGB值。

　　18. Image Cropper

　　Google chrome 瀏覽器的截圖擴充套件。

　　19. Webpage Screenshot

　　網頁截圖擴充套件，可以把整個頁面完整截圖。

　　20. Picnik

　　可以讓使用者非常輕鬆的編輯在瀏覽網頁過程中看到的圖片。在網頁載入完之後，點選Picnik按鈕，使用者將能夠獲得網站影像的縮圖列表。點選這些縮圖，影像將在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是一個免費的密碼管理擴充套件和表格填寫擴充套件，讓你上網衝浪更便捷。

　　28. iMacros

　　如果你喜歡使用網頁瀏覽器，但是每天重複性訪問相同的網站，讓你感到非常的厭倦，如果填寫表格，忘記密碼，那麼iMacros能幫助你解決這個問題的！iMacros自動化的設計是在網路上最重複性的任務。無論你對Firefox做什麼，iMacros可以自動執行它。網路設計人員可以使用的功能測試和迴歸測試網頁的Web應用軟體。

　　29. Chrome Flags

　　Chrome Flags功能是將正在訪問的伺服器所在國家的國旗顯示在位址列上。

　　30. Frame Two Pages

　　Frame Two Pages能讓你在同一個 Chrome 標籤中檢視兩個標籤頁面的內容，在進行網頁對比的時候非常有用。

　　31. Split Screen

　　Split Screen和Frame Two Pages有點像，可以將 Chrome 的一個標籤分為兩個頁面，並且可以在每個頁面中顯示不同的網頁。

　　32. Session Buddy

　　Session Buddy是一個程式管理擴充套件，支援儲存和檢視當前程式，還能顯示、更新程式快照，支援崩潰恢復。