Chrome 瀏覽器現在可謂如日中天,與 Firefox 共同蠶食著 IE 的市場,網頁開發者們可能也會開始轉向這一新興的瀏覽器,來調校自己的網站。而隨著 Chrome 插件作者們的介入,為網頁開發者提供便利的插件也紛紛嶄露頭角。
1. Firebug Lite
Firebug 絕對是最受網頁開發者喜愛的 Fifefox 插件(沒有之一)。通過它可以在瀏覽器中查看并編輯任何網頁的 HTML,CSS 以及 JavaScript,并在修改的同時地看到改動后的效果。Firebug Lite 是針對 Chrome 瀏覽器的一個精簡版本,可以用來查找網頁中的錯誤以便快速更正。
盡管 Firebug Lite 尚不能包括 Firebug 所有功能,但也已經秉承其精粹,且已經提供了針對高級用戶控制臺界面。
2. IE Tab
微軟的 Internet Explorer 瀏覽器會讓很多網頁設計者頭痛,但目前為止在大眾范圍內仍是被使用最多的瀏覽器。IE Tab 擴展實際上是在 Chrome 的一個標簽頁里用 IE 打開網頁,通過它你可以查看網頁在 IE 用戶的眼里是否顯示正常。
3. Eye Dropper
通 過 EyeDropper,可以查看 Chrome 瀏覽的網頁中任意顏色的信息。點擊擴展的按鈕,會打開一個下拉式的色輪界面,其中有一個取色器按鈕(Pick color from webpage),點擊它,再點擊網頁中任何位置,就可以查看所點擊位置像素的顏色在色輪中的位置、RGB 水平以及 HTML 顏色代碼。
4. Chrome SEO
安裝好該插件后點擊插件按鈕就會顯示當前網站與搜索引擎優化相關的信息,包括反向鏈接,Alexa排名、Google PageRank排名等流量值數,在社會化書簽網站中的熱門程度等。
5. Lorem Ipsum Generator
Lorem Ipsum Generator 擴展可以用來在設計網頁時生成填充網頁內容的文本,用以調適格式,免去手動輸入此類文字浪費的時間。該插件十分小巧,在易于使用的同時也不會占用過多的內存,在需要時可以信手拈來。
6. Resolution Test
顧名思義,Resolution Test 就是通過調整瀏覽器的大小來查看網站在不同的常見分辨率下的情況。作為網頁設計者一般都會配備高分辨率的顯示器,但一般的網頁訪問者來說通常都不會這么奢侈,這個擴展的作用就是用來確保網站的格式在這部分人看來也是正常的。
7. Speed Tracer
Speed Tracer 通過瀏覽器內建的測量工具來記錄網頁應用在執行不同任務時所用的時間,以便于開發者找到致使網站運行緩慢的原因。該插件可以顯示瀏覽器在解讀執行布局、Javascript時所有的時間以及其它一些細節。
這個插件唯一的缺點在于,必須使用“–enable-extension-timeline-api”這個參數來啟動 Chrome 瀏覽器才能讓其正常運作。但既然是網站開發者,這點麻煩就是小菜一碟了,對吧?
8. MeasureIt!
MeasureIt! 名字就很直觀。它可以顯示出所瀏覽網頁中任意元素的尺寸(像素寬度和高度)。和這個列表中很多插件一樣,這個插件也有 Firefox 版本。
9. 1-Click Web Proxy
地址: https://chrome.google.com/extensions/detail/kjdehhkgdgjcekacdccoflccmhbkefce
這個插件應該是國人做的。因為她的中文名字是—— 一鍵翻墻!
她已經連續一個月排到Chrome Extension 官方Top Rated的第7名了~ 囧~ 看來還真是迎合國民的需求啊~
真相在這里:https://chrome.google.com/extensions/list/rating
做IT的經常去國外網站查資料,遇到打不開的網頁,比如google groups 、blogspot等,只需要點擊這個插件的按鈕就可以了。速度還挺不錯。
10. Pendule
Pendule 會彈出一個簡單易用且設計精美的控制面板,其中包含了很多對于開發者來說很有幫助的任務選項。比如重新載入或是禁用 CSS,查看 JavaScript 代碼,隱藏圖片,取色器,測量尺,查看頁面源代碼,以及多種編碼驗證工具等。是一個很不錯的功能基礎且全面的開發者用擴展。
11. BuiltWith
BuiltWith 可以給出關于當前網頁的一個資料信息,列出了網站中所使用的相關技術。它會顯示網頁中所使用的小掛件、網站管理員所用的網站流量分析追蹤服務、網頁所使用的框架以及廣告平臺等等。










