自Chrome推出以來，由于其極快的啟動速度和頁面加載速度、日益劇增的強(qiáng)大的插件以及簡潔清新的界面，越來越受用戶及開發(fā)者的歡迎，其市場占有率也在不斷攀升，人們也相信，其取代IE、Firefox的地位也只是時間問題。

在Chrome瀏覽器中，用戶可以輕松添加各式各樣的插件來提高日常工作的效率，這里我們?yōu)樵O(shè)計(jì)者和開發(fā)者精選了27款實(shí)用的Chrome插件，希望能夠?qū)δ兴鶐椭?/p>

1. AppJump 應(yīng)用程序發(fā)起者和管理者

 當(dāng)您添加了以上插件后，您肯定會需要工具管理您的插件。 AppJump是一個Chrome插件，讓您能從工具欄下拉菜單上快速找到并啟動您的應(yīng)用程序和其他插件。AppJump的一個很酷的功能是能將應(yīng)用程序和插件組織進(jìn)入不同組。例如，您可以輕松將個人插件同工作插件隔開，以進(jìn)行更有效的時間管理。

2. AwesomeScreenshot（剽悍快照）

AwesomeScreenshot顧名思義，可以對整個和局部頁面快照，在截圖后可以使用圓圈或下劃線突出相關(guān)部分，也可以模糊掉不相關(guān)的內(nèi)容，并做出批注。您可以保存圖片到本地或上傳和接受圖片鏈接進(jìn)行共享。

3. Aviary ScreenCapture(Aviary屏幕采集)

在介紹AwesomeScreenshot后，我們再介紹一個截圖工具，也許您會感覺到奇怪為什么我們要介紹兩個截圖工具，這是由于Awesome Screenshot有一個缺點(diǎn)，它需要訪問您電腦和瀏覽器的歷史記錄上的所有數(shù)據(jù)，對于用戶來說這無疑是在侵犯他們的隱私權(quán)，而Aviary就無需獲取用戶個人信息。

4. Chrome Sniffer（Chrome嗅探器）

Chrome Sniffer可讓您檢查任何網(wǎng)站使用的框架。它可以定位并顯示在網(wǎng)站上的任何已知的內(nèi)容管理系統(tǒng)（CMS）或JavaScript庫。此插件功能對于瀏覽那些令人興奮的非人力所及的網(wǎng)站無疑是偉大的。目前，Chrome Sniffer可以檢測超過100框架。

[[48487]]

5. Cloud Save（云保存）

面臨從本地操作到在云上工作的巨大轉(zhuǎn)變。作為設(shè)計(jì)者和開發(fā)者，您習(xí)慣于在網(wǎng)絡(luò)上工作，但您是否在線保存重要的文件？如果您的借口是，這種保存方式不怎么方便，那您也許需要看一下什么是云儲存。它允許您保存支持云儲存的任何網(wǎng)站的文件，如：Amazon、Dropbox和Flickr。

6. Code Cola

CodeCola允許用戶編輯網(wǎng)站內(nèi)的個別網(wǎng)頁，它允許您點(diǎn)擊網(wǎng)頁的一個區(qū)域，并自動編輯CSS。

7. Corporate Ipsum

CorporateIpsum對于標(biāo)準(zhǔn)Lorem Ipsum文本補(bǔ)白是一個有趣的替代插件。借助此插件，您可以用“corporate”speak（企業(yè)的公關(guān)說辭）和流行語補(bǔ)白您的網(wǎng)站。Corporate Ipsum的一個例子是，“勝任的和目標(biāo)企業(yè)的數(shù)據(jù)，并帶有多功能的構(gòu)想。” 該插件基于流行的同名Mac產(chǎn)品。

8. Diigo 書簽/存檔/突出顯示和即時貼

Diigo是互聯(lián)網(wǎng)信息組和其他事物的簡稱。它是一個在線的研究工具，使用戶能夠管理信息。以多種顏色突出顯示網(wǎng)頁，即時貼在您的社交網(wǎng)絡(luò)的交流頁面，并創(chuàng)建組以共享您的研究。

9. Drag2up

Drag2up是一個易于使用的文件附件系統(tǒng)。不是通過點(diǎn)擊各種窗口，而只需從您的電腦拖動您想要上傳的文件到上傳框中就可以了，您也可以將文件上傳到各種托管網(wǎng)站，包括Flickr、ImageShack、Twitpic和Box.net，此插件是必須下載的功能插件之一。

[[48488]]

10. Eye Dropper

您不時會遇到一些***的綠色陰影，而且您想把它融入到您的頁面設(shè)計(jì)當(dāng)中，那么Eye Dropper插件就能幫助您找到確切的陰影，而且它能跟蹤您的顏色歷史記錄。

11. Firebug Lite

Firebug是個偉大的工具，使人們難以從Firefox過渡，從而放在一旁。幸運(yùn)的是，Chrome有一個叫Firebug的插件，提供了一項(xiàng)類似的功能。Firebug Lite同Chrome開發(fā)工具一同工作，使開發(fā)人員能夠檢查和編輯HTML和DOM元素。它還允許您輕松地調(diào)試。Firebug Lite實(shí)際上是一個JavaScript文件，一旦插入網(wǎng)頁，就如同原來的Firebug。

12. Greplin

Greplin允許在您的私人數(shù)據(jù)中進(jìn)行搜索。使用此插件來查找您在不同網(wǎng)站中提交的信息，如Twitter、Facebook甚至是Gmail。它給數(shù)據(jù)添加索引使數(shù)據(jù)易于搜索，不需通過您的歷史記錄來搜索，所以您可以方便地調(diào)用Greplin中的數(shù)據(jù)。

13. HTML Instant

HTMLInstant是一個實(shí)時的HTML工具。它具有畫面分割功能。當(dāng)您在分隔屏幕的左邊鍵入代碼時，您可以在右邊實(shí)時查看效果。HTML Instant不但支持HTML，而且它也支持CSS和JavaScript。您還可以從Image Shack、Photobucket或隨機(jī)的托管圖片的網(wǎng)站上傳圖片。此HTML編輯器對于新手來說還具有易使用的特點(diǎn)。

14. IE Tab

IE Tab插件允許您從一個模擬的IE中查看網(wǎng)頁，同時仍使用Chrome瀏覽器，由于 IE仍然是大部分網(wǎng)民***的瀏覽器，目前仍有一些網(wǎng)站在IE下運(yùn)行的***，甚至只支持IE。此tab允許您使用InternetExplorer而又無需犧牲你的尊嚴(yán)。首先，IE Tab僅適用于Windows。這是因?yàn)樗褂昧薟indows的內(nèi)置Internet Explorer渲染引擎。出于這個原因，只能怪Mac用戶運(yùn)氣不好。

15. Image Properties Context Menu（圖片屬性環(huán)境菜單）

圖片屬性環(huán)境菜單是一個有用的Chrome插件，它提供與所選圖片相關(guān)的一切信息，用戶可以找到圖片的位置和源圖片，它還顯示圖片的尺寸和文件大小。這是一個簡單而有效的插件，不知什么原因該功能沒有包含在Chrome瀏覽器中。

16. MeasureIt!

MeasureIt是設(shè)計(jì)者的一把尺子，您可以用它來量度頁面上任意元素的尺寸，只要點(diǎn)擊一下該插件，并且拖出尺子就可以快速而且方便地度量尺寸。

[[48489]]

17. Microstock Photo Power Search Tool（Microstock圖片強(qiáng)力搜索工具）

一個偉大的網(wǎng)頁設(shè)計(jì)師和一個好的網(wǎng)頁設(shè)計(jì)師的區(qū)別在于是否知道去哪里獲取稱心的圖片。任何設(shè)計(jì)師都知道，要尋找合適的圖片是設(shè)計(jì)中最耗時的部分之一，尤其是如果您在幾個地方尋找圖片資源。此插件就能夠幫助您在5個***圖片庫輕松搜索到圖片，包括Dreamstime、Fotolia及 Shutterstock。

18. Palette for Chrome（Chrome調(diào)色板）

Chrome調(diào)色板十分實(shí)用，您只需右鍵點(diǎn)擊任何圖片。此插件可以創(chuàng)建一個16、24或32調(diào)色板。另外，您還可以創(chuàng)建自定義調(diào)色板，選擇您喜歡的圖片然后獲取其中的顏色添加到您頁面設(shè)計(jì)中。

19. Pendule

強(qiáng)大的Pendule插件結(jié)合了幾個在此列表中的插件的功能。Pendule允許您查看和更改JavaScript和CSS。您還可以查看特定的圖片信息，或完全隱藏起來。這是一個強(qiáng)大的開發(fā)工具，包括顏色選擇器，HTML和CSS驗(yàn)證器和鏈接檢查。

20. PlainClothes

PlainClothes是一個有趣的而且有用的插件，您可以通過它查看一個網(wǎng)站的概要。有時更容易看到設(shè)計(jì)中的錯誤或當(dāng)它變成黑白時分析它的工作原理，PlainClothes允許您拆開一個網(wǎng)頁到一個文本顏色、一個背景顏色和一個鏈接顏色中。鏈接被下劃線，文字是默認(rèn)的。其實(shí)，對于添加可達(dá)性到您的網(wǎng)頁設(shè)計(jì)中，PlainClothes非常實(shí)用。

21. Resolution Test（解決方案測試）

您可以通過更改瀏覽器的大小來測試您網(wǎng)頁的顯示效果。Resolution Test可以測試您網(wǎng)頁在不同分辨率下的顯示效果，而且您可以查看當(dāng)前測試分辨率。

22. Search by Image（按圖片搜索）

Searchby Image是我最喜歡的Chrome插件之一。此插件可以在不同的網(wǎng)站上搜索您指定的圖片。借助此插件也可以搜索類似圖片。只需右擊利圖片，并選擇“通過Google搜索該圖片”您將查找到包含該圖片或匹配該圖片的網(wǎng)頁。

23. Session Manager

SessionManager 可以保存當(dāng)前打開的標(biāo)簽，特別對多次打開的同一網(wǎng)頁很有用，此插件可以把不同的網(wǎng)站進(jìn)行分類保存。例如，將您的所有社交網(wǎng)站捆綁在一起，使您可以快速訪問他們，而無需單獨(dú)打開每個站點(diǎn)。關(guān)閉他們也一樣快，并保證您的標(biāo)簽已保存。

24. TabJump

類似于Session Manager ，TabJump可是青出于藍(lán)勝于藍(lán)。它不僅管理您的標(biāo)簽，此插件也可以鎖定標(biāo)簽，防止您意外關(guān)閉一個重要的標(biāo)簽。如果您錯誤關(guān)閉一個標(biāo)簽，TabJump允許您重新打開它，但要記住，該插件無法還原歷史記錄。

25. TooManyTabs

因?yàn)橛肋h(yuǎn)不會有一個***的插件來管理瀏覽器的標(biāo)簽，TooManyTabs是另一個必須具備的插件，其顯示了所有已打開的標(biāo)簽縮略圖。當(dāng)您打開了許多標(biāo)簽時，可以不再需要閱讀標(biāo)簽標(biāo)題，因?yàn)樗峁┝艘粋€直觀的視圖效果。

26. Web Developer（Web開發(fā)者）

WebDeveloper是另一個全面的開發(fā)者工具。它的開發(fā)者同時也開發(fā)很多受歡迎的Firefox插件。有了此插件，用戶可以查看和編輯CSS、顯示圖片文件的大小和清除會話cookie。

27. WhatFont

對于大多數(shù)的網(wǎng)頁設(shè)計(jì)師，字體可算是頭等大事。您是否經(jīng)歷過，在一個隨機(jī)的網(wǎng)站上找到了***的字體，然后只有搜索無盡的代碼來尋找答案嗎？如果您想事情變得簡單，可以安裝這種字體尋找插件。只需將鼠標(biāo)懸停在一個文本上，并找到使用的字體。此插件不僅會告訴您字體的名稱，它也提供字體大小和顏色。

[[48490]]

PS： 杰奎琳托馬斯是一位屢獲殊榮的作家和網(wǎng)頁設(shè)計(jì)顧問，您可以在她的網(wǎng)站上找到她，并關(guān)注她的Twitter。

您有任何不在此列的喜歡的插件嗎？請?jiān)谠u論中與我們分享。

英文原文：http://www.webdesignerdepot.com/2011/08/25-must-have-chrome-extensions-for-web-designers-and-developers/

via Chrome官方博客