摘要 對(duì)于許多Web設(shè)計(jì)者和開發(fā)者來說，F(xiàn)irefox瀏覽器是無法超越的，對(duì)于其他人Chrome正在蠶食Firefox的瀏覽器市場。 在過去的兩年，谷歌Chrom...

摘要

 

       對(duì)于許多Web設(shè)計(jì)者和開發(fā)者來說，F(xiàn)irefox瀏覽器是無法超越的，對(duì)于其他人Chrome正在蠶食Firefox的瀏覽器市場。

       在過去的兩年，谷歌Chrome瀏覽器的發(fā)布以來，引起了人們激烈爭論究竟哪個(gè)瀏覽器更加優(yōu)秀。Mozilla的開源產(chǎn)品經(jīng)受了時(shí)間的考驗(yàn)和Firefox已經(jīng)快速成為繼微軟IE瀏覽器后的第二大最流行的瀏覽器。

       不要為谷歌瀏覽器感到遺憾，即使它處于起步階段，Chrome已經(jīng)成為第三大最流行的瀏覽器，我敢說它有很大機(jī)會(huì)超越Firefox，甚至IE瀏覽器。

        雖然Firefox更加強(qiáng)大（主要是由于它的普及度），Chrome如閃電般快，與每日更新擴(kuò)展的功能，使得那些骨灰級(jí)的Web設(shè)計(jì)者無比興奮。

        在這里你找到Chrome對(duì)作為一位設(shè)計(jì)者或開發(fā)者有用的工具，幸運(yùn)的是，Chrome功能的擴(kuò)展，這使得從Firefox的過度更加輕松。

 

正文

 

1 Awesome Screenshot

Awesome Screenshot顧名思義，可以獲取整個(gè)和局部頁面快照，在截圖后可以使用圓圈或直線強(qiáng)調(diào)相關(guān)部分，也可以模糊掉不相關(guān)的內(nèi)容，你可以保存圖像到本地或者上傳。

 

2 Aviary Screen Capture

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

 

 

3 Chrome Sniffer

瀏覽器嗅探器可讓你檢查任何網(wǎng)站使用的框架。它可以定位并顯示在網(wǎng)站上的任何已知的內(nèi)容管理系統(tǒng)（CMS）或JavaScript庫。這個(gè)擴(kuò)展功能是偉大的那些令人興奮的網(wǎng)站留下你想知道，“如何是力所能及的嗎？”目前，Chrome嗅探器可以檢測超過100框架。

 

 

 

4 Cloud Save

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

 

 

5 Code Cola

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

 

 

6 Corporate Ipsum

 

 

7 Diigo Bookmark, Archive, Highlight and Sticky Note

Diigo是互聯(lián)網(wǎng)信息組的簡稱和其他的東西精華。它是一個(gè)在線的研究工具，使用戶能夠管理信息。在多種顏色的突出顯示網(wǎng)頁，即時(shí)貼在你的社交網(wǎng)絡(luò)的交流頁面，并創(chuàng)建分享你的研究團(tuán)體。

 

 

8 Drag2up

Drag2up是一個(gè)易于使用的文件附件系統(tǒng)。不是通過點(diǎn)擊各種的窗口，而是簡單地拖動(dòng)你想要上傳文件到上傳框中就可以了，你也可以將文件上傳到各種托管的網(wǎng)站，包括Flickr、ImageShack、Twitpic和Box.net，這個(gè)擴(kuò)展是必須具備的下載功能。

 

 

9 Eye Dropper

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

 

 

10 Firebug Lite

Firebug這個(gè)是設(shè)計(jì)者和開發(fā)者再熟悉不過的工具了這里就不多說了，講個(gè)題外話由于Firebug的作者跳槽到Google，相信Chrome以后的開發(fā)者功能會(huì)更加強(qiáng)大。

 

 

11 Greplin

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

 

 

12 HTML Instant

HTML Instant是一個(gè)實(shí)時(shí)的HTML工具。它具有畫面分割功能。當(dāng)你在左邊工作去區(qū)編輯代碼時(shí)，你可以在右邊實(shí)時(shí)查看效果。HTML Instant不但支持HTML，而且它也支持CSS和JavaScript。

 

 

13 IE Tab

IE Tab插件允許你從一個(gè)模擬的IE中查看網(wǎng)頁，同時(shí)仍使用Chrome瀏覽器，由于 IE仍然是大部分網(wǎng)民首選的瀏覽器，目前仍有一些網(wǎng)站在IE下運(yùn)行的最好，甚至只支持IE (如某些銀行網(wǎng)銀)。

 

 

14 Image Properties Context Menu

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

 

 

15 MeasureIt!

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

 

 

16 Microstock Photo Power Search Tool

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

 

 

 

17 Palette for Chrome

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

 

 

 

18 Pendule

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

 

 

19 PlainClothes

PlainClothes是一個(gè)有趣的而且有用的插件，你可以通過它查看一個(gè)網(wǎng)站的概要。有時(shí)更容易看到設(shè)計(jì)中的錯(cuò)誤或分析為什么它的工作原理，PlainClothes允許你拆開一個(gè)網(wǎng)頁到一個(gè)顏色文本中，一個(gè)背景顏色和一個(gè)鏈接的顏色。

 

 

20 Resolution Test

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

 

 

21 Search by Image

圖片搜索是我最喜歡的瀏覽器插件。這個(gè)插件可以在不同的網(wǎng)站上搜索你指定的圖片。圖片搜索也可以搜索類似圖片。只需右擊利圖片，并選擇“通過Google搜索該圖片”你查找到包含該圖片或匹配該圖片的網(wǎng)頁。

 

 

22 Session Manager

Session Manager 可以保存當(dāng)前打開的標(biāo)簽，這個(gè)插件可以把不同的網(wǎng)站進(jìn)行分類保存(跟添加收藏差不多)。

 

 

23 TabJump

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

 

 

24 TabJump

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

 

 

25 Web Developer

Web Developer是另一個(gè)全面的開發(fā)者工具。它的開發(fā)者同時(shí)也開發(fā)很多收歡迎的Firefox插件。有了這個(gè)插件，用戶可以查看和編輯CSS，顯示圖像文件的大小和清晰的會(huì)話cookie。

 

 

26 WhatFont

對(duì)于大多數(shù)的網(wǎng)頁設(shè)計(jì)師，字體可算是頭等大事。你是否曾經(jīng)發(fā)生后，一個(gè)隨機(jī)的網(wǎng)站，并找到了完美的字體，只有尋找答案無盡的代碼？如果你喜歡簡單的東西，安裝這種字體尋找擴(kuò)展。只需將鼠標(biāo)懸停在一個(gè)文本，發(fā)現(xiàn)在使用的字體。這個(gè)擴(kuò)展不僅會(huì)告訴你的字體的名稱，它也提供了字體大小和顏色。

27 AppJump App Launcher and Organizer

當(dāng)你添加了以上插件后，你肯定會(huì)需要工具管理你的插件。 AppJump是一個(gè)Chrome讓你找到并啟動(dòng)你的應(yīng)用程序和其他插件，從下拉菜單工具欄上的下降迅速。 AppJump的一個(gè)很酷的功能是組織到不同群體的應(yīng)用程序和擴(kuò)展的能力。

28 Speed Tracer

Speed Tracer 是一個(gè)用來識(shí)別和修復(fù)你Web Apps性能的工具

總結(jié)

原文地址：

25+ Must-have Chrome extensions for web designers and developers

我相信Chrome會(huì)不斷進(jìn)步，成為獨(dú)當(dāng)一面的瀏覽器，讓我們拭目以待吧！