Web設計者和開發者必備的27個Chrome插件
自Chrome推出以來，由于其極快的啟動速度和頁面加載速度、日益劇增的強大的插件以及簡潔清新的界面，越來越受用戶及開發者的歡迎，其市場占有率也在不斷攀升，人們也相信，其取代IE、Firefox的地位也只是時間問題。
在Chrome瀏覽器中，用戶可以輕松添加各式各樣的插件來提高日常工作的效率，這里我們為設計者和開發者精選了27款實用的Chrome插件，希望能夠對您有所幫助。
當您添加了以上插件后，您肯定會需要工具管理您的插件。 AppJump是一個Chrome插件，讓您能從工具欄下拉菜單上快速找到并啟動您的應用程序和其他插件。AppJump的一個很酷的功能是能將應用程序和插件組織進入不同組。例如，您可以輕松將個人插件同工作插件隔開，以進行更有效的時間管理。
AwesomeScreenshot顧名思義，可以對整個和局部頁面快照，在截圖后可以使用圓圈或下劃線突出相關部分，也可以模糊掉不相關的內容，并做出批注。您可以保存圖片到本地或上傳和接受圖片鏈接進行共享。
3. Aviary ScreenCapture(Aviary屏幕采集)
在介紹AwesomeScreenshot后，我們再介紹一個截圖工具，也許您會感覺到奇怪為什么我們要介紹兩個截圖工具，這是由于Awesome Screenshot有一個缺點，它需要訪問您電腦和瀏覽器的歷史記錄上的所有數據，對于用戶來說這無疑是在侵犯他們的隱私權，而Aviary就無需獲取用戶個人信息。
Chrome Sniffer可讓您檢查任何網站使用的框架。它可以定位并顯示在網站上的任何已知的內容管理系統（CMS）或JavaScript庫。此插件功能對于瀏覽那些令人興奮的非人力所及的網站無疑是偉大的。目前，Chrome Sniffer可以檢測超過100框架。
面臨從本地操作到在云上工作的巨大轉變。作為設計者和開發者，您習慣于在網絡上工作，但您是否在線保存重要的文件？如果您的借口是，這種保存方式不怎么方便，那您也許需要看一下什么是云儲存。它允許您保存支持云儲存的任何網站的文件，如：Amazon、Dropbox和Flickr。
CodeCola允許用戶編輯網站內的個別網頁，它允許您點擊網頁的一個區域，并自動編輯CSS。
CorporateIpsum對于標準Lorem Ipsum文本補白是一個有趣的替代插件。借助此插件，您可以用“corporate”speak（企業的公關說辭）和流行語補白您的網站。Corporate Ipsum的一個例子是，“勝任的和目標企業的數據，并帶有多功能的構想。” 該插件基于流行的同名Mac產品。
Diigo是互聯網信息組和其他事物的簡稱。它是一個在線的研究工具，使用戶能夠管理信息。以多種顏色突出顯示網頁，即時貼在您的社交網絡的交流頁面，并創建組以共享您的研究。
Drag2up是一個易于使用的文件附件系統。不是通過點擊各種窗口，而只需從您的電腦拖動您想要上傳的文件到上傳框中就可以了，您也可以將文件上傳到各種托管網站，包括Flickr、ImageShack、Twitpic和Box.net，此插件是必須下載的功能插件之一。
您不時會遇到一些***的綠色陰影，而且您想把它融入到您的頁面設計當中，那么Eye Dropper插件就能幫助您找到確切的陰影，而且它能跟蹤您的顏色歷史記錄。
Firebug是個偉大的工具，使人們難以從Firefox過渡，從而放在一旁。幸運的是，Chrome有一個叫Firebug的插件，提供了一項類似的功能。Firebug Lite同Chrome開發工具一同工作，使開發人員能夠檢查和編輯HTML和DOM元素。它還允許您輕松地調試。Firebug Lite實際上是一個JavaScript文件，一旦插入網頁，就如同原來的Firebug。
Greplin允許在您的私人數據中進行搜索。使用此插件來查找您在不同網站中提交的信息，如Twitter、Facebook甚至是Gmail。它給數據添加索引使數據易于搜索，不需通過您的歷史記錄來搜索，所以您可以方便地調用Greplin中的數據。
HTMLInstant是一個實時的HTML工具。它具有畫面分割功能。當您在分隔屏幕的左邊鍵入代碼時，您可以在右邊實時查看效果。HTML Instant不但支持HTML，而且它也支持CSS和JavaScript。您還可以從Image Shack、Photobucket或隨機的托管圖片的網站上傳圖片。此HTML編輯器對于新手來說還具有易使用的特點。
IE Tab插件允許您從一個模擬的IE中查看網頁，同時仍使用Chrome瀏覽器，由于 IE仍然是大部分網民***的瀏覽器，目前仍有一些網站在IE下運行的***，甚至只支持IE。此tab允許您使用InternetExplorer而又無需犧牲你的尊嚴。首先，IE Tab僅適用于Windows。這是因為它使用了Windows的內置Internet Explorer渲染引擎。出于這個原因，只能怪Mac用戶運氣不好。
15. Image Properties Context Menu（圖片屬性環境菜單）
圖片屬性環境菜單是一個有用的Chrome插件，它提供與所選圖片相關的一切信息，用戶可以找到圖片的位置和源圖片，它還顯示圖片的尺寸和文件大小。這是一個簡單而有效的插件，不知什么原因該功能沒有包含在Chrome瀏覽器中。
MeasureIt是設計者的一把尺子，您可以用它來量度頁面上任意元素的尺寸，只要點擊一下該插件，并且拖出尺子就可以快速而且方便地度量尺寸。
17. Microstock Photo Power Search Tool（Microstock圖片強力搜索工具）
一個偉大的網頁設計師和一個好的網頁設計師的區別在于是否知道去哪里獲取稱心的圖片。任何設計師都知道，要尋找合適的圖片是設計中最耗時的部分之一，尤其是如果您在幾個地方尋找圖片資源。此插件就能夠幫助您在5個***圖片庫輕松搜索到圖片，包括Dreamstime、Fotolia及 Shutterstock。
18. Palette for Chrome（Chrome調色板）
Chrome調色板十分實用，您只需右鍵點擊任何圖片。此插件可以創建一個16、24或32調色板。另外，您還可以創建自定義調色板，選擇您喜歡的圖片然后獲取其中的顏色添加到您頁面設計中。
強大的Pendule插件結合了幾個在此列表中的插件的功能。Pendule允許您查看和更改JavaScript和CSS。您還可以查看特定的圖片信息，或完全隱藏起來。這是一個強大的開發工具，包括顏色選擇器，HTML和CSS驗證器和鏈接檢查。
PlainClothes是一個有趣的而且有用的插件，您可以通過它查看一個網站的概要。有時更容易看到設計中的錯誤或當它變成黑白時分析它的工作原理，PlainClothes允許您拆開一個網頁到一個文本顏色、一個背景顏色和一個鏈接顏色中。鏈接被下劃線，文字是默認的。其實，對于添加可達性到您的網頁設計中，PlainClothes非常實用。
您可以通過更改瀏覽器的大小來測試您網頁的顯示效果。Resolution Test可以測試您網頁在不同分辨率下的顯示效果，而且您可以查看當前測試分辨率。
Searchby Image是我最喜歡的Chrome插件之一。此插件可以在不同的網站上搜索您指定的圖片。借助此插件也可以搜索類似圖片。只需右擊利圖片，并選擇“通過Google搜索該圖片”您將查找到包含該圖片或匹配該圖片的網頁。
SessionManager 可以保存當前打開的標簽，特別對多次打開的同一網頁很有用，此插件可以把不同的網站進行分類保存。例如，將您的所有社交網站捆綁在一起，使您可以快速訪問他們，而無需單獨打開每個站點。關閉他們也一樣快，并保證您的標簽已保存。
類似于Session Manager ，TabJump可是青出于藍勝于藍。它不僅管理您的標簽，此插件也可以鎖定標簽，防止您意外關閉一個重要的標簽。如果您錯誤關閉一個標簽，TabJump允許您重新打開它，但要記住，該插件無法還原歷史記錄。
因為永遠不會有一個***的插件來管理瀏覽器的標簽，TooManyTabs是另一個必須具備的插件，其顯示了所有已打開的標簽縮略圖。當您打開了許多標簽時，可以不再需要閱讀標簽標題，因為它提供了一個直觀的視圖效果。
WebDeveloper是另一個全面的開發者工具。它的開發者同時也開發很多受歡迎的Firefox插件。有了此插件，用戶可以查看和編輯CSS、顯示圖片文件的大小和清除會話cookie。
對于大多數的網頁設計師，字體可算是頭等大事。您是否經歷過，在一個隨機的網站上找到了***的字體，然后只有搜索無盡的代碼來尋找答案嗎？如果您想事情變得簡單，可以安裝這種字體尋找插件。只需將鼠標懸停在一個文本上，并找到使用的字體。此插件不僅會告訴您字體的名稱，它也提供字體大小和顏色。
PS： 杰奎琳托馬斯是一位屢獲殊榮的作家和網頁設計顧問，您可以在她的網站上找到她，并關注她的Twitter。
您有任何不在此列的喜歡的插件嗎？請在評論中與我們分享。
via Chrome官方博客
