11個IT人士必備的Chrome瀏覽器插件

2010-09-30 11:57:41來源:作者:

Chrome 瀏覽器現(xiàn)在可謂如日中天,與 Firefox 共同蠶食著 IE 的市場,網(wǎng)頁開發(fā)者們可能也會開始轉(zhuǎn)向這一新興的瀏覽器,來調(diào)校自己的網(wǎng)站。而隨著 Chrome 插件作者們的介入,為網(wǎng)頁開發(fā)者提供便利的插件也紛紛嶄露頭角

Chrome 瀏覽器現(xiàn)在可謂如日中天,與 Firefox 共同蠶食著 IE 的市場,網(wǎng)頁開發(fā)者們可能也會開始轉(zhuǎn)向這一新興的瀏覽器,來調(diào)校自己的網(wǎng)站。而隨著 Chrome 插件作者們的介入,為網(wǎng)頁開發(fā)者提供便利的插件也紛紛嶄露頭角。

1. Firebug Lite

firebuglite

Firebug 絕對是最受網(wǎng)頁開發(fā)者喜愛的 Fifefox 插件(沒有之一)。通過它可以在瀏覽器中查看并編輯任何網(wǎng)頁的 HTML,CSS 以及 JavaScript,并在修改的同時地看到改動后的效果。Firebug Lite 是針對 Chrome 瀏覽器的一個精簡版本,可以用來查找網(wǎng)頁中的錯誤以便快速更正。

盡管 Firebug Lite 尚不能包括 Firebug 所有功能,但也已經(jīng)秉承其精粹,且已經(jīng)提供了針對高級用戶控制臺界面。

2. IE Tab

ietab

微軟的 Internet Explorer 瀏覽器會讓很多網(wǎng)頁設(shè)計者頭痛,但目前為止在大眾范圍內(nèi)仍是被使用最多的瀏覽器。IE Tab 擴(kuò)展實際上是在 Chrome 的一個標(biāo)簽頁里用 IE 打開網(wǎng)頁,通過它你可以查看網(wǎng)頁在 IE 用戶的眼里是否顯示正常。

3. Eye Dropper

eyedropper

通 過 EyeDropper,可以查看 Chrome 瀏覽的網(wǎng)頁中任意顏色的信息。點擊擴(kuò)展的按鈕,會打開一個下拉式的色輪界面,其中有一個取色器按鈕(Pick color from webpage),點擊它,再點擊網(wǎng)頁中任何位置,就可以查看所點擊位置像素的顏色在色輪中的位置、RGB 水平以及 HTML 顏色代碼。

4. Chrome SEO

measureit

安裝好該插件后點擊插件按鈕就會顯示當(dāng)前網(wǎng)站與搜索引擎優(yōu)化相關(guān)的信息,包括反向鏈接,Alexa排名、Google PageRank排名等流量值數(shù),在社會化書簽網(wǎng)站中的熱門程度等。

5. Lorem Ipsum Generator

loremipsum

Lorem Ipsum Generator 擴(kuò)展可以用來在設(shè)計網(wǎng)頁時生成填充網(wǎng)頁內(nèi)容的文本,用以調(diào)適格式,免去手動輸入此類文字浪費的時間。該插件十分小巧,在易于使用的同時也不會占用過多的內(nèi)存,在需要時可以信手拈來。

6. Resolution Test

resolutiontest

顧名思義,Resolution Test 就是通過調(diào)整瀏覽器的大小來查看網(wǎng)站在不同的常見分辨率下的情況。作為網(wǎng)頁設(shè)計者一般都會配備高分辨率的顯示器,但一般的網(wǎng)頁訪問者來說通常都不會這么奢侈,這個擴(kuò)展的作用就是用來確保網(wǎng)站的格式在這部分人看來也是正常的。

7. Speed Tracer

speedtracer

Speed Tracer 通過瀏覽器內(nèi)建的測量工具來記錄網(wǎng)頁應(yīng)用在執(zhí)行不同任務(wù)時所用的時間,以便于開發(fā)者找到致使網(wǎng)站運行緩慢的原因。該插件可以顯示瀏覽器在解讀執(zhí)行布局、Javascript時所有的時間以及其它一些細(xì)節(jié)。

這個插件唯一的缺點在于,必須使用“–enable-extension-timeline-api”這個參數(shù)來啟動 Chrome 瀏覽器才能讓其正常運作。但既然是網(wǎng)站開發(fā)者,這點麻煩就是小菜一碟了,對吧?

8. MeasureIt!

measureit

MeasureIt! 名字就很直觀。它可以顯示出所瀏覽網(wǎng)頁中任意元素的尺寸(像素寬度和高度)。和這個列表中很多插件一樣,這個插件也有 Firefox 版本。

9. 1-Click Web Proxy

 \

\ 

 地址: https://chrome.google.com/extensions/detail/kjdehhkgdgjcekacdccoflccmhbkefce

這個插件應(yīng)該是國人做的。因為她的中文名字是——  一鍵翻墻!

她已經(jīng)連續(xù)一個月排到Chrome Extension 官方Top Rated的第7名了~ 囧~ 看來還真是迎合國民的需求啊~

真相在這里:https://chrome.google.com/extensions/list/rating 

做IT的經(jīng)常去國外網(wǎng)站查資料,遇到打不開的網(wǎng)頁,比如google groups 、blogspot等,只需要點擊這個插件的按鈕就可以了。速度還挺不錯。

 

 

10. Pendule

pendule

Pendule 會彈出一個簡單易用且設(shè)計精美的控制面板,其中包含了很多對于開發(fā)者來說很有幫助的任務(wù)選項。比如重新載入或是禁用 CSS,查看 JavaScript 代碼,隱藏圖片,取色器,測量尺,查看頁面源代碼,以及多種編碼驗證工具等。是一個很不錯的功能基礎(chǔ)且全面的開發(fā)者用擴(kuò)展。

11. BuiltWith

builtwith

BuiltWith 可以給出關(guān)于當(dāng)前網(wǎng)頁的一個資料信息,列出了網(wǎng)站中所使用的相關(guān)技術(shù)。它會顯示網(wǎng)頁中所使用的小掛件、網(wǎng)站管理員所用的網(wǎng)站流量分析追蹤服務(wù)、網(wǎng)頁所使用的框架以及廣告平臺等等。

關(guān)鍵詞:Chrome瀏覽器

贊助商鏈接: