摘要
對於許多Web設計者和開發者來說，Firefox瀏覽器是無法超越的，對於其他人Chrome正在蠶食Firefox的瀏覽器市場。
在過去的兩年，谷歌Chrome瀏覽器的發布以來，引起了人們激烈爭論究竟哪個瀏覽器更加優秀。Mozilla的開源產品經受了時間的考驗和Firefox已經快速成為繼微軟IE瀏覽器后的第二大最流行的瀏覽器。
不要為谷歌瀏覽器感到遺憾，即使它處於起步階段，Chrome已經成為第三大最流行的瀏覽器，我敢說它有很大機會超越Firefox，甚至IE瀏覽器。
雖然Firefox更加強大（主要是由於它的普及度），Chrome如閃電般快，與每日更新擴展的功能，使得那些骨灰級的Web設計者無比興奮。
在這里你找到Chrome對作為一位設計者或開發者有用的工具，幸運的是，Chrome功能的擴展，這使得從Firefox的過度更加輕松。
正文
1 Awesome Screenshot
Awesome Screenshot顧名思義，可以獲取整個和局部頁面快照，在截圖后可以使用圓圈或直線強調相關部分，也可以模糊掉不相關的內容，你可以保存圖像到本地或者上傳。
2 Aviary Screen Capture
在介紹Awesome Screenshot后，我們再介紹一個截圖工具，也許你會感覺到奇怪為什么我們要介紹兩個截圖工具，這是由於Awesome Screenshot有一個缺點，它需要訪問你電腦和瀏覽器的歷史記錄上的所有數據，對於用戶來說這無疑是在侵犯他們的隱私權，而Aviary就無需獲取用戶個人信息。
3 Chrome Sniffer
瀏覽器嗅探器可讓你檢查任何網站使用的框架。它可以定位並顯示在網站上的任何已知的內容管理系統（CMS）或JavaScript庫。這個擴展功能是偉大的那些令人興奮的網站留下你想知道，“如何是力所能及的嗎？”目前，Chrome嗅探器可以檢測超過100框架。
4 Cloud Save
作為設計者和開發者，你習慣於在網絡上工作，但你是否在線保存重要的文件？如果你的借口是，這種保存方式不怎么方便，那你也許需要看一下什么是雲儲存。它允許你保存文件在支持雲儲存的任何網站，如：Amazon，Dropbox和Flickr。
5 Code Cola
Code Cola允許用戶編輯網站內的個別網頁，它允許你在點擊網頁的一個區域，並自動編輯CSS。
6 Corporate Ipsum
7 Diigo Bookmark, Archive, Highlight and Sticky Note
Diigo是互聯網信息組的簡稱和其他的東西精華。它是一個在線的研究工具，使用戶能夠管理信息。在多種顏色的突出顯示網頁，即時貼在你的社交網絡的交流頁面，並創建分享你的研究團體。
8 Drag2up
Drag2up是一個易於使用的文件附件系統。不是通過點擊各種的窗口，而是簡單地拖動你想要上傳文件到上傳框中就可以了，你也可以將文件上傳到各種托管的網站，包括Flickr、ImageShack、Twitpic和Box.net，這個擴展是必須具備的下載功能。
9 Eye Dropper
你不時會遇到一些完美的綠色陰影，而且你想把它融入到你的頁面設計當中，那么Eye Dropper插件就能幫助你找到確切的陰影，而且它能跟蹤你的顏色歷史記錄。
10 Firebug Lite
Firebug這個是設計者和開發者再熟悉不過的工具了這里就不多說了，講個題外話由於Firebug的作者跳槽到Google，相信Chrome以后的開發者功能會更加強大。
11 Greplin
Greplin允許在你的私人數據中進行搜索。使用此插件來查找你在不同網站中提交的信息，如Twitter、Facebook甚至是Gmail。它給數據添加索引使數據易於搜索，而不是通過你的歷史記錄來搜索，所有你可以方便地調用Greplin中的數據
12 HTML Instant
HTML Instant是一個實時的HTML工具。它具有畫面分割功能。當你在左邊工作去區編輯代碼時，你可以在右邊實時查看效果。HTML Instant不但支持HTML，而且它也支持CSS和JavaScript。
13 IE Tab
IE Tab插件允許你從一個模擬的IE中查看網頁，同時仍使用Chrome瀏覽器，由於 IE仍然是大部分網民首選的瀏覽器，目前仍有一些網站在IE下運行的最好，甚至只支持IE (如某些銀行網銀)。
14 Image Properties Context Menu
圖片屬性上下文菜單是一個有用的Chrome插件，它提供所選圖片的相關的一切信息，用戶可以找到的圖片位置和源圖片，它還顯示的圖像的尺寸和文件大小。這是一個簡單而有效的插件，不知什么原因該功能沒有包含到Chrome瀏覽器中。
15 MeasureIt!
MeasureIt是設計者的一把尺子，你可以用它來量度頁面上任意元素的尺寸，只要點擊一下該插件，並且拖出尺子就可以快速而且方便地度量尺寸
16 Microstock Photo Power Search Tool
一個偉大的網頁設計師和一個好的網頁設計師的區別在於是否知道去哪里獲稱心的圖片。任何設計師都知道，要尋找合適的圖片是設計中最耗時的部分之一，尤其是如果你在幾個地方尋找圖片資源。這個插件就能夠幫助你輕松搜索到圖片。
17 Palette for Chrome
Chrome調色板立十分實用，你只需右鍵點擊任何圖像。這個插件可以創建一個16、24或32調色板。另外，你還可以創建自定義調色板，選擇你喜歡的圖片然后獲取其中的顏色添加到你頁面設計中。
18 Pendule
強大的Pendule擴展結合幾個在此列表中插件的功能。 Pendule允許你查看和更改JavaScript和CSS(HTML Instant)。您還可以查看特定的圖像信息(Image Properties Context Menu)，或完全隱藏起來。這是一個強大的開發工具，包括顏色選擇器(Palette)，HTML和CSS驗證器和鏈接檢查。
19 PlainClothes
PlainClothes是一個有趣的而且有用的插件，你可以通過它查看一個網站的概要。有時更容易看到設計中的錯誤或分析為什么它的工作原理，PlainClothes允許你拆開一個網頁到一個顏色文本中，一個背景顏色和一個鏈接的顏色。
20 Resolution Test
你可以通過更改瀏覽器的大小來測試你網頁的顯示效果。Resolution Test可以測試你網頁在不同分辨率下的顯示效果，而且你可以查看當前測試分辨率。
21 Search by Image
圖片搜索是我最喜歡的瀏覽器插件。這個插件可以在不同的網站上搜索你指定的圖片。圖片搜索也可以搜索類似圖片。只需右擊利圖片，並選擇“通過Google搜索該圖片”你查找到包含該圖片或匹配該圖片的網頁。
22 Session Manager
Session Manager 可以保存當前打開的標簽，這個插件可以把不同的網站進行分類保存(跟添加收藏差不多)。
23 TabJump
類似於Session Manager ，TabJump可是青出於藍勝於藍。它不僅管理你的標簽，這個插件也可以鎖定標簽，防止你意外關閉一個重要的標簽。如果你錯誤關閉一個標簽，TabJump允許你重新打開它，但要記住該插件無法還原歷史記錄。
24 TabJump
因為永遠不會有一個完美的插件來管理瀏覽器的標簽，TooManyTabs是另一個必須具備的插件，顯示了所有已打開的標簽縮略圖。當你打開了許多標簽時，可以不再需要閱讀的標簽標題，因為它提供了一個直觀的視圖效果。
25 Web Developer
Web Developer是另一個全面的開發者工具。它的開發者同時也開發很多收歡迎的Firefox插件。有了這個插件，用戶可以查看和編輯CSS，顯示圖像文件的大小和清晰的會話cookie。
26 WhatFont
對於大多數的網頁設計師，字體可算是頭等大事。你是否曾經發生后，一個隨機的網站，並找到了完美的字體，只有尋找答案無盡的代碼？如果你喜歡簡單的東西，安裝這種字體尋找擴展。只需將鼠標懸停在一個文本，發現在使用的字體。這個擴展不僅會告訴你的字體的名稱，它也提供了字體大小和顏色。
27 AppJump App Launcher and Organizer
當你添加了以上插件后，你肯定會需要工具管理你的插件。 AppJump是一個Chrome讓你找到並啟動你的應用程序和其他插件，從下拉菜單工具欄上的下降迅速。 AppJump的一個很酷的功能是組織到不同群體的應用程序和擴展的能力。
28 Speed Tracer
Speed Tracer 是一個用來識別和修復你Web Apps性能的工具
