IE是最早的瀏覽器？這四款開(kāi)源瀏覽器引擎讓你讀懂瀏覽器進(jìn)化史

瀏覽器是什么？20年前，網(wǎng)吧的老板會(huì)告訴你，想要上網(wǎng)沖浪，必須使用瀏覽器打開(kāi)網(wǎng)頁(yè)。那個(gè)時(shí)候，windows98系統(tǒng)內(nèi)置的IE4.0是上網(wǎng)的標(biāo)配。雖然已經(jīng)申請(qǐng)了OICQ，卻還是喜歡拋在網(wǎng)頁(yè)聊天室中，跟天南海北的網(wǎng)友談天侃地。

Windows98操作系統(tǒng)桌面

20年前的1998年，感覺(jué)時(shí)間很久遠(yuǎn)了吧。但微軟的IE瀏覽器卻不是最早的瀏覽器?？萍冀缙毡檎J(rèn)為，1991年正式發(fā)布的WorldWideWeb是全球最早的一款瀏覽器，也就是后來(lái)的Nexus。這款瀏覽器雖然還無(wú)法支持圖片，但在當(dāng)年一度很流行。

WorldWideWeb瀏覽器

1992年，赫爾辛基科技大學(xué)的4個(gè)芬蘭學(xué)生開(kāi)發(fā)了Erwise，這是世界上第一個(gè)圖形網(wǎng)頁(yè)瀏覽器，主要針對(duì)在Unix上運(yùn)行 X Windows的需要。

Erwise瀏覽器

93年，美國(guó)NCSA組織的一個(gè)團(tuán)隊(duì)，開(kāi)發(fā)了Mosaic瀏覽器，升華了Erwise的圖形化，并將圖形化瀏覽器推向了萬(wàn)維網(wǎng)的主流。

Mosaic瀏覽器

94年，Mosaic團(tuán)隊(duì)中心人物馬克·安德森成立網(wǎng)景通訊公司，開(kāi)發(fā)了Mozilla，后來(lái)更名Netscape Navigator，也就是大家所熟知的網(wǎng)景瀏覽器。

Netscape Navigator瀏覽器

網(wǎng)景公司的鼎盛時(shí)期，其市場(chǎng)占有率最高達(dá)到過(guò)90%。后來(lái)伴隨著Java等技術(shù)標(biāo)準(zhǔn)的提出，網(wǎng)景等互聯(lián)網(wǎng)公司的崛起，讓以系統(tǒng)開(kāi)發(fā)為主的微軟感受到了威脅。于是，微軟找到網(wǎng)景，提出了合作，但被網(wǎng)景拒絕。

微軟勃然大怒，在95年投入20億美元，通過(guò)購(gòu)買(mǎi)（包括Mosaic的授權(quán)）、兼并和開(kāi)發(fā)等多種手段，迅速推出了瀏覽器IE2.0。微軟不但將IE免費(fèi)，還將其并捆綁于Windows 95中一起銷售，迅速搶占份額，導(dǎo)致網(wǎng)景一蹶不振。網(wǎng)景在98年11月，被美國(guó)在線AOL收購(gòu)，網(wǎng)景瀏覽器基本退出歷史舞臺(tái)。

IE2.0

98年以后，IE瀏覽器一統(tǒng)江湖。伴隨著國(guó)內(nèi)網(wǎng)吧行業(yè)的興起，影響了大批中國(guó)早期的上網(wǎng)用戶。

IE4.0

在此后這些年，國(guó)外有很多的優(yōu)秀瀏覽器的誕生，譬如Opera與谷歌的Chrome。而在中國(guó)，則有更多的瀏覽器誕生，譬如360瀏覽器、獵豹瀏覽器、傲游、世界之窗、騰訊TT等等，到最后幾乎每個(gè)互聯(lián)網(wǎng)公司都有自己的瀏覽器。

今年2月份的數(shù)據(jù)，Chrome瀏覽器的全球市場(chǎng)份額為已經(jīng)超過(guò)67.49%，名列第一；Chrome在國(guó)內(nèi)的排名同為T(mén)OP1，市場(chǎng)份額為45.74%。下圖，是來(lái)自百度統(tǒng)計(jì)近6個(gè)月的瀏覽器中國(guó)市場(chǎng)份額數(shù)據(jù)。

為什么國(guó)內(nèi)會(huì)出現(xiàn)這么多瀏覽器？原因很簡(jiǎn)單，因?yàn)闉g覽器引擎（內(nèi)核）都是開(kāi)源的。各家公司只要在免費(fèi)內(nèi)核基礎(chǔ)上進(jìn)行開(kāi)發(fā)，成本是很低的。

一款瀏覽器，其核心的部分是“Rendering Engine”，也就是“渲染引擎”，一般將之稱為“瀏覽器內(nèi)核”。主要作用，是幫助瀏覽器來(lái)渲染網(wǎng)頁(yè)的內(nèi)容，將頁(yè)面內(nèi)容和排版代碼轉(zhuǎn)換為用戶所見(jiàn)的視圖。

瀏覽器內(nèi)核又可分成兩部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它負(fù)責(zé)取得網(wǎng)頁(yè)的內(nèi)容（HTML、XML、圖像等等）、整理訊息（例如加入 CSS 等），以及計(jì)算網(wǎng)頁(yè)的顯示方式，然后會(huì)輸出至顯示器或打印機(jī)。

渲染引擎的工作流程，大致如下：

1、HTML解析器解析DOMM樹(shù)（解析為DOM樹(shù)上個(gè)節(jié)點(diǎn)，同時(shí)解析CSS樣式）；

2、渲染樹(shù)結(jié)構(gòu)（具有一定的視覺(jué)效果，并按照一定順序排列在屏幕上）；

3、布局渲染樹(shù)（為每個(gè)節(jié)點(diǎn)分配固定坐標(biāo)）；

4、繪制DOM樹(shù)（渲染引擎會(huì)遍歷所有的節(jié)點(diǎn)，由UI后端繪制）

下面，是Webkit渲染引擎工作流程流程圖。

Webkit渲染引擎工作流程流程圖

瀏覽器內(nèi)核很多，加上幾乎沒(méi)人在用的非商業(yè)免費(fèi)內(nèi)核，目前應(yīng)該有十款以上甚至更多。但通常，大家能看到的這些瀏覽器，其內(nèi)核大概不會(huì)超過(guò)四種。也就是說(shuō)，現(xiàn)在各家的瀏覽器都是基于國(guó)外開(kāi)源瀏覽器引擎開(kāi)發(fā)的。那么，是哪四種開(kāi)源瀏覽器引擎呢？如下：

Trident內(nèi)核

IE瀏覽器用的是Trident內(nèi)核，又稱IE內(nèi)核。微軟在1994年開(kāi)始使用它，是在Mosaic代碼的基礎(chǔ)上修改而來(lái)的，一直沿用至今IE8。在Window10 發(fā)布后，IE 將其內(nèi)置瀏覽器命名為 Edge，Edge 采用了新內(nèi)核 EdgeHTML。

Trident是一款開(kāi)放的內(nèi)核，其接口內(nèi)核設(shè)計(jì)相當(dāng)成熟，可以在其基礎(chǔ)上做很多開(kāi)發(fā)。因此，這些年出現(xiàn)了很多采用IE內(nèi)核而非IE的瀏覽器，如Maxthon、The World 、TT、GreenBrowser、AvantBrowser等?；旧?，互聯(lián)網(wǎng)公司所所開(kāi)發(fā)的自家瀏覽器，都是基于Trident內(nèi)核。

Gecko內(nèi)核

Gecko是Netscape6 最先采用的內(nèi)核，后來(lái)Mozilla FireFox(火狐瀏覽器) 也采用了該內(nèi)核。Gecko代碼完全公開(kāi)，可開(kāi)發(fā)程度很高，全世界的程序員都可以為其編寫(xiě)代碼，增加功能。因?yàn)殚_(kāi)源，所以基于Gecko 開(kāi)發(fā)的瀏覽器也很多，同時(shí) Gecko 內(nèi)核的市場(chǎng)占有率也正在迅速提高。

使用Gecko內(nèi)核的瀏覽器也有不少，如Mozilla Firefox、Mozilla SeaMonkey、waterfox（Firefox的64位開(kāi)源版）、Iceweasel、Epiphany（早期版本）、Flock（早期版本）、K-Meleon等。

Presto內(nèi)核

Presto是挪威產(chǎn)瀏覽器Opera（歐朋瀏覽器）的之前采用的內(nèi)核，最新的opera瀏覽器已經(jīng)加入了谷歌陣營(yíng)。Presto內(nèi)核是目前公認(rèn)網(wǎng)頁(yè)瀏覽速度最快的瀏覽器內(nèi)核，該款引擎的特點(diǎn)是渲染速度的優(yōu)化達(dá)到了極致，然而代價(jià)是犧牲了網(wǎng)頁(yè)的兼容性。目前，基于Opera內(nèi)核開(kāi)發(fā)的瀏覽器，主要應(yīng)用在手機(jī)平臺(tái)，譬如Opera mini。

為了減少研發(fā)成本，Opera 在 2013跟隨 Chrome 使用 WebKit 分支的 Chromium 作為核心引擎。在Chrome 于 2013 年推出 Blink 引擎后，Opera 也開(kāi)始使用 Blink 作為瀏覽器核心引擎。

Webkit內(nèi)核

2003 年1月7日，蘋(píng)果發(fā)布了Safari測(cè)試版。Safari使用KDE（Linux桌面系統(tǒng)）的 KHTML 作為瀏覽器的內(nèi)核，這款內(nèi)核的名稱是WebKit。WebKit也是一個(gè)開(kāi)源瀏覽器引擎，擁有清晰的源碼結(jié)構(gòu)、極快的渲染速度，包含的 WebCore 排版引擎和 JavaScriptCore解析引擎，均是從KDE的KHTML及KJS引擎衍生而來(lái)。

正是因?yàn)镵HTML 清晰的源碼結(jié)構(gòu)和極快的渲染速度，2008 年谷歌發(fā)布 chrome 瀏覽器所采用的 chromium 內(nèi)核，也用了 Webkit。所以，webkit并非源自chrome，而是確確實(shí)實(shí)的蘋(píng)果原創(chuàng)。采用Webkit內(nèi)核的瀏覽器很多，諸如Safari、Google Chrome、傲游3,、獵豹瀏覽器、百度瀏覽器、opera等，都是基于 Webkit 開(kāi)發(fā)。

生成海報(bào)

免責(zé)聲明：本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書(shū)面權(quán)利通知或不實(shí)情況說(shuō)明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開(kāi)相關(guān)鏈接。