Chrome 瀏覽器現(xiàn)在可謂如日中天,與 Firefox 共同蠶食著 IE 的市場,網(wǎng)頁開發(fā)者們可能也會開始轉(zhuǎn)向這一新興的瀏覽器,來調(diào)校自己的網(wǎng)站。而隨著 Chrome 插件作者們的介入,為網(wǎng)頁開發(fā)者提供便利的插件也紛紛嶄露頭角。
1. Firebug Lite
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
微軟的 Internet Explorer 瀏覽器會讓很多網(wǎng)頁設(shè)計者頭痛,但目前為止在大眾范圍內(nèi)仍是被使用最多的瀏覽器。IE Tab 擴(kuò)展實際上是在 Chrome 的一個標(biāo)簽頁里用 IE 打開網(wǎng)頁,通過它你可以查看網(wǎng)頁在 IE 用戶的眼里是否顯示正常。
3. Eye Dropper
通 過 EyeDropper,可以查看 Chrome 瀏覽的網(wǎng)頁中任意顏色的信息。點擊擴(kuò)展的按鈕,會打開一個下拉式的色輪界面,其中有一個取色器按鈕(Pick color from webpage),點擊它,再點擊網(wǎng)頁中任何位置,就可以查看所點擊位置像素的顏色在色輪中的位置、RGB 水平以及 HTML 顏色代碼。
4. Chrome SEO
安裝好該插件后點擊插件按鈕就會顯示當(dāng)前網(wǎng)站與搜索引擎優(yōu)化相關(guān)的信息,包括反向鏈接,Alexa排名、Google PageRank排名等流量值數(shù),在社會化書簽網(wǎng)站中的熱門程度等。
5. Lorem Ipsum Generator
Lorem Ipsum Generator 擴(kuò)展可以用來在設(shè)計網(wǎng)頁時生成填充網(wǎng)頁內(nèi)容的文本,用以調(diào)適格式,免去手動輸入此類文字浪費的時間。該插件十分小巧,在易于使用的同時也不會占用過多的內(nèi)存,在需要時可以信手拈來。
6. Resolution Test
顧名思義,Resolution Test 就是通過調(diào)整瀏覽器的大小來查看網(wǎng)站在不同的常見分辨率下的情況。作為網(wǎng)頁設(shè)計者一般都會配備高分辨率的顯示器,但一般的網(wǎng)頁訪問者來說通常都不會這么奢侈,這個擴(kuò)展的作用就是用來確保網(wǎng)站的格式在這部分人看來也是正常的。
7. Speed Tracer
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! 名字就很直觀。它可以顯示出所瀏覽網(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 會彈出一個簡單易用且設(shè)計精美的控制面板,其中包含了很多對于開發(fā)者來說很有幫助的任務(wù)選項。比如重新載入或是禁用 CSS,查看 JavaScript 代碼,隱藏圖片,取色器,測量尺,查看頁面源代碼,以及多種編碼驗證工具等。是一個很不錯的功能基礎(chǔ)且全面的開發(fā)者用擴(kuò)展。
11. BuiltWith
BuiltWith 可以給出關(guān)于當(dāng)前網(wǎng)頁的一個資料信息,列出了網(wǎng)站中所使用的相關(guān)技術(shù)。它會顯示網(wǎng)頁中所使用的小掛件、網(wǎng)站管理員所用的網(wǎng)站流量分析追蹤服務(wù)、網(wǎng)頁所使用的框架以及廣告平臺等等。