對(duì)于網(wǎng)頁設(shè)計(jì)人員或網(wǎng)站開發(fā)者來說，更喜歡使用像FF的此類瀏覽器，原因是其具有強(qiáng)大的輔助插件，可以幫助網(wǎng)頁制作與開發(fā)提高效率，那么同樣對(duì)于Google Cchrome瀏覽器來說也是具有大量的此類插件，本文收集了一些針對(duì)Google Cchrome瀏覽器進(jìn)行網(wǎng)頁制作開發(fā)的插件工具。可以有效提高網(wǎng)頁設(shè)計(jì)師或前端開發(fā)者的工作效率。
無論是Firefox還是Google Chrome，其強(qiáng)大的擴(kuò)展都是吸引我們最大的原因之一。下面介紹的是網(wǎng)頁設(shè)計(jì)和網(wǎng)頁開發(fā)人員會(huì)經(jīng)常用到的32款 Google Cchrome 擴(kuò)展。
1. FireBug Lite
Firefox有個(gè)非常出名的擴(kuò)展——FireBug，F(xiàn)irebug Lite 就相當(dāng)于Firefox的FireBug，可以即時(shí)預(yù)覽到編輯、修改 CSS, HTML 和 JavaScript的效果。
Resolution Test 可以修改瀏覽器窗口的分辨率，從而讓網(wǎng)頁開發(fā)人員能夠即時(shí)預(yù)覽頁面在不同分辨率下面的表現(xiàn)情況。
3. Speed Tracer
Speed Tracer 可以對(duì)網(wǎng)頁中的元素進(jìn)行全方位的檢測(cè)分析，幫你找出網(wǎng)頁運(yùn)行緩慢的因素，以方便網(wǎng)站開發(fā)者優(yōu)化代碼，目前可在windows 和 Linux 兩種操作平臺(tái)下面運(yùn)行。
Web Developer 可以在瀏覽器工具條上集成多種網(wǎng)頁開發(fā)工具，是網(wǎng)站開發(fā)人員最常用的 Google Chrome 擴(kuò)展之一。安裝Web Developer 擴(kuò)展之后會(huì)在瀏覽器工具欄添加一個(gè)圖標(biāo)，點(diǎn)擊圖標(biāo)就可以看到很多的網(wǎng)頁開發(fā)工具。
5. Pendule
這個(gè)插件功能和FireBug很像，安裝 Pendule 擴(kuò)展后可以對(duì) Google Chrome 內(nèi)置的開發(fā)者工具進(jìn)行擴(kuò)充。
Aviary Screen Capture 是由 Aviary.com 提供的一個(gè)截屏擴(kuò)展。安裝 Aviary Screen Capture 擴(kuò)展后可以對(duì)當(dāng)前瀏覽器可見內(nèi)容進(jìn)行截屏，然后跳轉(zhuǎn)到Aviary.com 提供的在線圖片編輯頁面進(jìn)行編輯，編輯完成后再保存到本地電腦。
Chrome Web Developer Tools和FireFox Web Developer很像，和Firefox Firebug的功能接近。
Chrome Sniffer 可以幫助開發(fā)者檢查網(wǎng)頁在運(yùn)行時(shí)的框架/CMS和javascript庫的情況，在檢測(cè)框架時(shí)，地址欄會(huì)出現(xiàn)一個(gè)圖標(biāo)。
可以產(chǎn)生隨機(jī)的文本。
10. PlainClothes
PlainClothes可以讓你對(duì)網(wǎng)頁隨意進(jìn)行樣式定義，甚至禁用樣式。同樣，你也可以讓文字內(nèi)容在任何頁面都自動(dòng)按照你設(shè)定的樣式進(jìn)行呈現(xiàn)（在“選擇”>“Under the Hood”>”改變字體和語言”里設(shè)置）。
在某些必須使用IE的情況下，這個(gè)插件會(huì)非常有效。
12. Chrome SEO
Chrome SEO是目前最全面的Chrome SEO擴(kuò)展。安裝Chrome SEO擴(kuò)展后，你在訪問一個(gè)網(wǎng)頁的時(shí)候，可以按照不同分類看到相關(guān)的SEO實(shí)用參數(shù)，包括各個(gè)搜索引擎的索引數(shù)量、反向鏈接、流量和排名、被各個(gè)書簽服務(wù)所收藏的次數(shù)、被緩存的版本、域名信息（DNS、Whois、IP等），全部顯示在擴(kuò)展按鈕的彈出菜單里。
13. SEO Site Tools
SEO Site Tools這個(gè) Google chrome 擴(kuò)展可以校驗(yàn)CSS代碼、HTML代碼，以及監(jiān)測(cè)Gzip壓縮情況等基本的SEO資料，可以鼠標(biāo)右鍵取消該功能。
可以用來檢查網(wǎng)頁的meta屬性，并且可以監(jiān)測(cè)no-follow鏈接屬性。
15. Validity
Validity可以使網(wǎng)頁在地址欄中快速運(yùn)行。 只要點(diǎn)擊地址欄上的圖標(biāo)就可以激活當(dāng)前頁面。頁面的錯(cuò)誤量也可在瀏覽器工具欄中看見。
16. Eye Dropper
Eye Dropper 擴(kuò)展可以允許用戶從當(dāng)前頁面中的任何一個(gè)像素提取顏色代碼，當(dāng)然擴(kuò)展本身也自帶了一個(gè)很好用的調(diào)色板。
17. Color Picker
顏色拾取器，可以快速獲取顏色的Hex 和 RGB值。
18. Image Cropper
Google chrome 瀏覽器的截圖擴(kuò)展。
網(wǎng)頁截圖擴(kuò)展，可以把整個(gè)頁面完整截屏。
20. Picnik
可以讓用戶非常輕松的編輯在瀏覽網(wǎng)頁過程中看到的圖片。在網(wǎng)頁加載完之后，點(diǎn)擊Picnik按鈕，用戶將能夠獲得網(wǎng)站圖像的縮略圖列表。點(diǎn)擊這些縮略圖，圖像將在Picnik打開，用戶可以進(jìn)行編輯、注釋和共享等。
21. MeasureIt!
和Firefox的 MeasureIt! 擴(kuò)展一模一樣的功能，可以測(cè)量頁面上任何內(nèi)容的寬度和高度。
22. Pixlr Grabber
Chrome的眾多截屏擴(kuò)展之一。既可以對(duì)當(dāng)前正在瀏覽網(wǎng)頁的可視部分進(jìn)行截屏，也可以對(duì)當(dāng)前正在瀏覽網(wǎng)頁指定區(qū)域進(jìn)行截屏，更多為數(shù)不多可以對(duì)整個(gè)網(wǎng)頁進(jìn)行截屏的擴(kuò)展之一。
23. Domain Availability Checker
可以快速監(jiān)測(cè)域名是否被注冊(cè)。
24. Snippy
可以抓取頁面中的部分內(nèi)容，然后保存下來，供將來只用。最強(qiáng)大的功能在于它可以抓取豐富的內(nèi)容，并保留格式。所以你用它來抓取文字、圖片，鏈接等諸多格式的內(nèi)容，并可以保留到Google Doc 上。
25. FlashBlock
FlashBlock 可以阻止所有的flash內(nèi)容載入。等網(wǎng)頁載入后你可以點(diǎn)擊選擇載入flash，或者是下載flash。
26. Built With Technology Profiler
Built With Technology Profiler這個(gè)插件可以幫你識(shí)別出當(dāng)前頁面都是用了哪些技術(shù)。
27. LastPass
LastPass是一個(gè)免費(fèi)的密碼管理擴(kuò)展和表格填寫擴(kuò)展，讓你上網(wǎng)沖浪更便捷。
28. iMacros
如果你喜歡使用網(wǎng)頁瀏覽器，但是每天重復(fù)性訪問相同的網(wǎng)站，讓你感到非常的厭倦，如果填寫表格，忘記密碼，那么iMacros能幫助你解決這個(gè)問題的！iMacros自動(dòng)化的設(shè)計(jì)是在網(wǎng)絡(luò)上最重復(fù)性的任務(wù)。無論你對(duì)Firefox做什么，iMacros可以自動(dòng)執(zhí)行它。網(wǎng)絡(luò)設(shè)計(jì)人員可以使用的功能測(cè)試和回歸測(cè)試網(wǎng)頁的Web應(yīng)用軟件。
29. Chrome Flags
Chrome Flags功能是將正在訪問的服務(wù)器所在國(guó)家的國(guó)旗顯示在地址欄上。
30. Frame Two Pages
Frame Two Pages能讓你在同一個(gè) Chrome 標(biāo)簽中查看兩個(gè)標(biāo)簽頁面的內(nèi)容，在進(jìn)行網(wǎng)頁對(duì)比的時(shí)候非常有用。
31. Split Screen
Split Screen和Frame Two Pages有點(diǎn)像，可以將 Chrome 的一個(gè)標(biāo)簽分為兩個(gè)頁面，并且可以在每個(gè)頁面中顯示不同的網(wǎng)頁。
32. Session Buddy
Session Buddy是一個(gè)進(jìn)程管理擴(kuò)展，支持保存和查看當(dāng)前進(jìn)程，還能顯示、更新進(jìn)程快照，支持崩潰恢復(fù)。
聯(lián)系客服
