為什麽Chrome瀏覽器打敗IE 問鼎霸主

這不僅僅是因為Chrome的後臺大佬是互聯網霸主Google，還因為Chrome本身實在是令人耳目壹新。當時瀏覽器市場的兩大巨頭為IE和Mozilla Firefox，經過多年的成長，IE從界面清新的小夥子變成了噸位嚇人的大胖子，Firefox也是愈發龐雜，臃腫得連它的幕後大老板都看不過眼——這位幕後大老板便是開發Chrome瀏覽器的Google了。Firefox的流行和Google的推廣密不可分 Google此前壹直是Mozilla基金會的贊助者，期望Firefox能夠在瀏覽器市場上擊敗IE，好將Google的旗幟插遍互聯網的每壹個角落。但是好幾年過去了，Firefox是給了IE不少壓力，但市場份額仍然和IE有著壹大截距離。Google雖然資助Mozilla，卻不能直接控制Firefox的開發，而Firefox的設計理念和Google所想的又相差很遠。想到指望Firefox擊敗IE不知是不是要等到山無棱，天地合，Google自己終於忍不住出手了。Firefox實在追不上IE Google是業界中有名的工程師聚寶盆，習慣以工程師的思維開發產品，理念先進，雖說雷作不少，但是也有很多是引領業界潮流的產品。Chrome無疑屬於後者，它的橫空出世給瀏覽器市場註入了壹股活力。Chrome出現以後，各大瀏覽器，甚至以創新著稱的Opera，都多多少少地都受到了影響。我們發現瀏覽器們的標簽頁開始上置，地址欄和搜索框開始合體，Chrome帶來了壹個瀏覽器新時代。大片留白的Google+新界面就是Google的最新雷作 言歸正傳，讓我們來說說Chrome的設計理念到底是什麽吧。Chrome的理念其實不難理解——以互聯網為本，把瀏覽器輕量化高效化，將網頁內容最大程度地快速呈現給用戶，讓用戶註重網頁瀏覽而非瀏覽器本身。下面我們來粗略分析壹下Chrome的設計理念如何得以體現。我們先來看看Chrome誕生之前的瀏覽器，從屏幕最頂端往下數，分別是標題欄、菜單欄、工具欄、地址欄、書簽欄，往底端看還有瀏覽器狀態欄、進度條以及Windows任務欄，壹欄還比壹欄寬。也許在屏幕4：3比例還是主流的時候，妳不會覺得這有什麽，畢竟有時候密密麻麻的按鈕真的就是能讓人產生壹種奇怪的快感——我的意思是說，會有壹種像是在操縱宇宙飛船般的高端的感覺，嗯。密密麻麻的按鈕：甚爽 很遺憾，出於種種原因，4：3的屏幕在現在的個人電腦上已經很少能見到。目前16：10和16：9的屏幕成為了主流，這類屏幕在4：3比例的狂熱粉絲口中有壹個難堪的外號：“帶魚屏”，意思就是說寬屏的形狀扁得像帶魚。當然實際上並不會那麽誇張，但寬屏上的瀏覽器帶上了數種“欄”，剩下能用以顯示網頁內容的面積的確不多——也許就只能裝進臘腸狗了。親們，請忍受寬屏時代看壹幅殺貓圖片需要滾三下鼠標滾輪的用戶體驗吧。真·帶魚屏已經來了，棍屏還會遠嗎 幸好Chrome的出現阻止了這股歪風邪氣。在Chrome上，妳的視線不必再像劉翔壹樣跨過N欄才能看到網頁內容。Chrome上面只有兩個欄——置頂的標簽欄和其下的合為壹行地址欄和工具欄。加上Windows自帶的任務欄，不過區區三欄。這樣，用以顯示網頁的面積就大大增加，用戶更容易專註於網頁本身的內容而不是瀏覽器上花花綠綠的按鈕以及花俏的功能。Chrome的超大顯示面積讓人神清氣爽 此外，Chrome界面的配色也很有講究。Chrome的默認配色壹直都十分淡雅，從最初的淺灰藍到現在的中性灰，都是十分平和且不引人註目的色調——18%的中性灰還是自然界中最中庸的調子。加上Chrome原生的按鈕也沒有顏色，這壹切都是那樣的不起眼。這正是Chrome所追求的風格——妳最好把眼神放到色彩繽紛的網頁內容上，而非該死的瀏覽器本身。對於壹般用戶來說，瀏覽器只應該是壹個窺視外界的窗口，這就夠了。Chrome的主色調是18%中性灰 除了視覺效果傾向於網頁內容瀏覽，Chrome的互交設計也十分註重瀏覽器和網頁的無縫對接。實際上，Chrome的大部分功能都可以通過標簽頁實現。當妳需要設置Chrome的時候，設置界面不過是壹個標簽頁；當妳瀏覽網頁的時候，網頁內容也是壹個標簽頁。就這樣，Chrome在極力模糊瀏覽器和網頁之間的界限，讓用戶在不知不覺中淡化了瀏覽器的概念。Chrome的設置不過是壹個標簽頁 Chrome的這種理念也影響到了基於Chrome的擴展程序的開發。為了保持整體風格的壹致，不對用戶閱讀網頁形成過多幹擾，Chrome並沒有像Firefox壹樣為擴展程序提供大量接口。這使得Chrome上的擴展程序和瀏覽器本身契合度十足，很多時候擴展程序都只是在默默工作，並不會帶來不協調的違和感。Chrome和其擴展程序這種以網頁瀏覽為己任，不刷存在感的行為，贏得了大量良好口碑，這也是Chrome能在Firefox手中搶奪大量市場份額的重要原因。 可以說，Chrome看上去簡簡單單卻隱藏著Google設計師的深思熟慮。用戶在使用Chrome時，整張網頁撲面而至，這種直觀的爽快感，恰恰成為Chrome毫不起眼的界面上最鮮艷奪目的壹抹色彩。之前我們曾經有過文章介紹Chrome的內核——Chromium（點此查看相關文章），其中談到Chromium使用了Webkit的WebCore排版引擎以及Google自己開發的V8 JavaScript引擎。Webkit是壹個十分高效的瀏覽器內核，當年曾經和Firefox所使用的內核Gecko進行過激烈的競爭，角逐蘋果Safari項目的支持，最終Webkit以輕便、高效等特點勝出。Webkit的優點使它在很多領域大受歡迎 但Google並沒有滿足於Webkit的高效，深諳互聯網精髓的Google對“高效”有著更苛刻的要求。Chrome只繼承了Webkit核心的WebCore排版引擎部分，JavaScript解析引擎則使用了自家開發的更為高效的“V8”。WebCore和V8合體後，世上最快的瀏覽器引擎Chromium就誕生了，並用壹輪輪高得不可思議的跑分嘲弄著其他瀏覽器。從這方面來說，Chrome的確也算得上跑分狂潮的始作俑者。Chrome：和我鬥跑分？ 在瀏覽器界，Chrome和Opera在網頁渲染方面可算是兩個極端。Opera會優先解析網頁中的文本，然後才加載腳本、圖片等網頁元素，以保證用戶能夠以最快速度讀到網頁的內容——這樣做的壞處就是影響了網頁整體的載入速度，跑分也相對難看；Chrome則反其道而行之，對網頁上所有元素基本都以同樣的速度去解析——這樣可以保證整個網頁能以最快速度完成渲染，網頁能否第壹時間得到可讀性，則以Chromium的超高效率來保證（前提是妳要有足夠好的網速）。Chrome和Opera渲染頁面的方式有很大差異 當然，想要馬兒跑得快又不吃菜是不現實的。Chrome的高效也建立在對資源的高需求之上。Chrome不僅會在妳點擊鏈接的時候渲染頁面，它還會在妳還沒做任何動作的時候預讀DNS甚至預渲染網頁，老爺機就等卡死吧。所幸現在的電腦硬件發展日新月異，四核已經走向了普及，大容量內存也隨處可見。在此背景下，Chrome渲染高效的優勢尤為明顯。從這方面來說，Chrome的設計的確具有前瞻性。摩爾定律讓Chrome雄風煥發 很明顯，Chrome的內核Chromium是壹個極其優秀的引擎，它輕量且效率奇高，能把網頁內容最大程度地迅速呈現於用戶眼前，很好地體現了Chrome的設計理念。讓壹個人抓狂的最好方法之壹，就是讓這個人陷入漫長的等待。而Chrome，應該就是讓人等待最少的瀏覽器了。當妳點擊Chrome的時候，妳感覺無需等待；當年鍵入網址並確認的時候，妳感覺無需等待。