當(dāng)我們?cè)谛聲r(shí)代調(diào)侃 IE 瀏覽器兼容性問(wèn)題的時(shí)候田轧，或多或少忘記了 IE 瀏覽器是第一款支持 CSS 的商用瀏覽器兼呵；當(dāng)我們驚嘆于 Chrome 將 Webkit 內(nèi)核發(fā)揮的如此極致的時(shí)候，又或多或少忘記了 Safari 才是 Webkit 內(nèi)核的始作俑者。千姿百態(tài)的瀏覽器中，有的很早就被淘汰了似踱，有的直到現(xiàn)在還被廣泛使用在各類主流操作系統(tǒng)之上。有趣的是志衣，縱觀瀏覽器的發(fā)展史屯援，其內(nèi)核的派生猛们、競(jìng)爭(zhēng)與互相借鑒共同演繹出了盤根錯(cuò)節(jié)的“家族圖譜”念脯。
本文通過(guò)回顧兩次瀏覽器大戰(zhàn)，并對(duì)各大主流瀏覽器的發(fā)展作出簡(jiǎn)介弯淘，展開一場(chǎng)瀏覽器內(nèi)核的初探之旅绿店，揭開神秘的面紗。
什么庐橙，足以稱之為瀏覽器
盡管在各式各樣的瀏覽器中有的僅提供純文字接口來(lái)實(shí)現(xiàn) HTML 頁(yè)面假勿，但絕大多數(shù)現(xiàn)代瀏覽器都或多或少擁有有如下特點(diǎn)：
- 可用于使用萬(wàn)維網(wǎng)；
- 提供豐富多彩的用戶界面：其中包括上下頁(yè)态鳖、刷新转培、地址欄、書簽浆竭、顯示源碼等功能浸须；
- 支持解析多種網(wǎng)頁(yè)標(biāo)準(zhǔn)：HTML、HTML5邦泄、CSS删窒、SVG、XHTML顺囊、WebGL肌索、JavaScript 和 MathML 等；
- 支持多種文件格式及協(xié)議：可以通過(guò)瀏覽器打開特定格式的文件進(jìn)行查詢特碳、編輯等操作诚亚，且提供 HTTPS晕换、FTP 等網(wǎng)絡(luò)協(xié)議的支持；
- 可通過(guò)多個(gè)窗口或多個(gè)標(biāo)簽頁(yè)同時(shí)打開多種由統(tǒng)一資源標(biāo)識(shí)符標(biāo)志的信息資源：網(wǎng)絡(luò)亡电、圖片届巩、影音等；
- 可通過(guò)開放開發(fā)的瀏覽器插件來(lái)拓展瀏覽器功能份乒。
因此恕汇，我們可以將能夠提供上述多個(gè)功能的應(yīng)用程序稱之為瀏覽器。
瀏覽器大戰(zhàn)
2003 年或辖，蘋果公司開發(fā)的 Safari 瀏覽器代替微軟公司的 IE 瀏覽器瘾英，成為了 Mac OS X v10.3 之后版本的默認(rèn)瀏覽器。同時(shí) Safari 在不久之后帶來(lái)的大名鼎鼎的 Webkit 內(nèi)核颂暇，這一系列動(dòng)作都印證著曾大一統(tǒng)主流瀏覽器江山的 IE 瀏覽器份額逐漸受到其他瀏覽器蠶食缺谴，由此劃分開了第一輪瀏覽器大戰(zhàn)和第二輪瀏覽器大戰(zhàn)的時(shí)代背景。
第一輪大戰(zhàn)
第一輪瀏覽器大戰(zhàn)主要圍繞在二十世紀(jì)末期——人們開始注意到萬(wàn)維網(wǎng)耳鸯，而當(dāng)時(shí)的市場(chǎng)及網(wǎng)頁(yè)瀏覽標(biāo)準(zhǔn)均以 Netscape (網(wǎng)景公司)主導(dǎo)湿蛔。這一主導(dǎo)性來(lái)源于其推出的 Netscape Navigator 瀏覽器改進(jìn)了“史前”瀏覽器 Mosaic 的實(shí)用性及穩(wěn)定性，同時(shí)在網(wǎng)絡(luò)上提供免費(fèi)試用版?zhèn)z個(gè)要點(diǎn)县爬。這時(shí)阳啥，以用戶界面友好立足市場(chǎng)的微軟公司也通過(guò)爭(zhēng)取到 Mosaic 的授權(quán)開發(fā)出了 IE 瀏覽器。倆者為爭(zhēng)取更多的用戶來(lái)開了商業(yè)戰(zhàn)爭(zhēng)序幕财喳。
縱然 IE 瀏覽器步入市場(chǎng)較晚察迟，IE 瀏覽器從技術(shù)層面通過(guò)最先支持 CSS、新增網(wǎng)頁(yè)動(dòng)態(tài)加載及圖片位置改變等優(yōu)勢(shì)耳高，逐步提高了市場(chǎng)占有率扎瓶。與之俱來(lái)的對(duì)開發(fā)者開發(fā)同時(shí)運(yùn)行在倆個(gè)瀏覽器上的網(wǎng)頁(yè)難度逐步上升。
因此泌枪，一場(chǎng)要求網(wǎng)頁(yè)無(wú)論使用 IE 或 Netscape 均能正常瀏覽的 “可用任何瀏覽器瀏覽”（Viewable With Any Browser）運(yùn)動(dòng)悄然崛起概荷。
在這輪大戰(zhàn)中，IE 瀏覽器的開發(fā)商微軟公司同時(shí)使用了諸多商業(yè)手段來(lái)與公司的規(guī)模相對(duì)較小的 Netscape 瀏覽器爭(zhēng)搶用戶碌燕。
Netscape 瀏覽器從最高峰達(dá)到市場(chǎng) 90% 的占有率下降到遠(yuǎn)遠(yuǎn)不夠 IE 瀏覽器市場(chǎng)占有率的同時(shí)误证，網(wǎng)景公司最終落敗，被美國(guó)在線公司以 42 億美元收購(gòu)陆蟆。
第二輪大戰(zhàn)
當(dāng) IE 瀏覽器成功寡占瀏覽器市場(chǎng)時(shí)雷厂，諸多問(wèn)題逐漸暴露了出來(lái)：
- IE 瀏覽器使用專屬格式，不尊重網(wǎng)頁(yè)公開標(biāo)準(zhǔn)叠殷，使得開發(fā)者開發(fā)的網(wǎng)頁(yè)只能完整地運(yùn)行在 IE 瀏覽器上改鲫，其它非微軟平臺(tái)及瀏覽器無(wú)法正常顯示；
- 高占有率的 IE 瀏覽器已然成為電腦蠕蟲病毒攻擊的主要目標(biāo)之一，當(dāng)安全漏洞被發(fā)現(xiàn)時(shí)像棘，蠕蟲病毒也隨著IE的普及稽亏，在網(wǎng)絡(luò)快速傳播。
Netscape 瀏覽器在其公司衰落之時(shí)開放了瀏覽器源代碼缕题，與此同時(shí) IE 瀏覽器的安全性問(wèn)題持續(xù)引發(fā)關(guān)注截歉，經(jīng)過(guò)長(zhǎng)時(shí)間的醞釀?wù)Q生出了安全性較高的 Firefox 瀏覽器與 IE 瀏覽器展開了競(jìng)爭(zhēng)。
經(jīng)過(guò)從多種市場(chǎng)占有率的競(jìng)爭(zhēng)與發(fā)展來(lái)看烟零，新出的瀏覽器逐步與 IE 瀏覽器平分市場(chǎng)瘪松，最終于 2012 年的報(bào)告中顯示，Chrome 瀏覽器的市場(chǎng)占有率已上升至 33%锨阿，超過(guò) IE 瀏覽器并成為全球第一大瀏覽器宵睦。
瀏覽器內(nèi)核
瀏覽器的內(nèi)核通常僅指排版引擎。這里在介紹完瀏覽器中的排版引擎后加入解析 JavaScript 的引擎作出簡(jiǎn)要說(shuō)明墅诡。
1. 排版引擎
在沒有計(jì)算機(jī)的年代壳嚎，人們通過(guò)對(duì)藝術(shù)的直觀把握來(lái)進(jìn)行報(bào)紙、期刊的統(tǒng)一排版∧┰纾現(xiàn)在我們只需輸入規(guī)則的代碼指令烟馅，讓瀏覽器的排版引擎來(lái)幫我們做自動(dòng)化地做這些事情，并輸出至顯示器或打印機(jī)然磷。
同樣的代碼指令在不同的排版引擎(即內(nèi)核)上的執(zhí)行效果不盡相同郑趁，這里提幾個(gè)著名的內(nèi)核，來(lái)展現(xiàn)它們的特點(diǎn)及其相互之間的發(fā)展關(guān)系样屠。
①. Trident 內(nèi)核
Trident 內(nèi)核運(yùn)行在 IE 上穿撮，又稱 IE 內(nèi)核缺脉，是 IE 的排版引擎的名稱痪欲。Trident 曾因其市場(chǎng)占有量龐大而不思進(jìn)取，一度與 W3C 標(biāo)準(zhǔn)脫節(jié)(05 年)攻礼，給了運(yùn)行在 Safari业踢、Chrome、Firefox 和 Opera 等瀏覽器 上的內(nèi)核提供了很大的發(fā)展空間礁扮。隨著微軟逐步放棄 IE 瀏覽器品牌知举，Trident 內(nèi)核版本也不再更新。
②. EdgeHTML 內(nèi)核
EdgeHTML 內(nèi)核開啟了 Trident 內(nèi)核的分支太伊，成為了替代 IE 瀏覽器的 Microsoft Edge 瀏覽器的主要排版引擎雇锡。EdgeHTML 移除所有舊版 IE 瀏覽器遺留下來(lái)的代碼，并通過(guò)尊重網(wǎng)頁(yè)標(biāo)準(zhǔn)僚焦、重寫主要的代碼以和其他現(xiàn)代瀏覽器的設(shè)計(jì)精神互通有無(wú)锰提。
③. KHTML 內(nèi)核
KHTML 是由 KDE 自由軟件社區(qū)所開發(fā)的 HTML 排版引擎，由 C++ 語(yǔ)言編寫。這里提到 KHTML 是因?yàn)槠涫窃缙?Safari 的內(nèi)核最終選型立肘。Safari 開發(fā)團(tuán)隊(duì)因?qū)?KHTML 作出大量的改動(dòng)边坤，逐步從 KHTML 中脫離出來(lái)，KHTML 逐漸淡出主流瀏覽器中谅年。
④. Webkit 內(nèi)核
Webkit 的前身是 KHTML 引擎茧痒，屬于其一個(gè)開源分支，是 Safari 及早期 Chromium 融蹂、Amazon Kindle 等瀏覽器的默認(rèn)內(nèi)核旺订。通常所說(shuō)的 Webkit 不僅僅是排版引擎，其包括用來(lái)渲染 HTML 和 CSS 的 Webcore 引擎和用來(lái)解析 JS 的 JSCore超燃。JSCore 將在后文有關(guān) JS 引擎中敘述耸峭。Webcore 便用來(lái)處理排版。
⑤. Chromium/Blink
Chrome 瀏覽器的內(nèi)核來(lái)源于 Webkit 的 Webcore淋纲，最終用谷歌公司自主開發(fā)的開源排版引擎 Blink 所代替劳闹；同時(shí) Chrome 瀏覽器對(duì)于 JavaScript 代碼的解析也使用了自己的 V8 引擎。
Blink 同樣來(lái)自于 Webkit洽瞬，據(jù)說(shuō) Blink 刪除了 880w 行 webkit 代碼本涕。Blink 引擎問(wèn)世后，國(guó)產(chǎn)各種 chrome 系的瀏覽器也紛紛投入 Blink 的懷抱伙窃，可以在瀏覽器地址欄輸入 chrome://version 進(jìn)行查看菩颖。
⑥. Gecko 內(nèi)核
Gecko 是 Netscape6 和 Firefox 的內(nèi)核。Gecko 代碼公開为障，使用該內(nèi)核瀏覽器很多晦闰。其誕生來(lái)源于 IE 的不思進(jìn)取。微軟內(nèi)部人員不滿鳍怨，與一停止更新 Netscape 的員工一起在創(chuàng)辦 了 Mozila 后開發(fā)呻右，常被稱為 Firefox 內(nèi)核，跨平臺(tái)使用鞋喇。
⑦. Presto 內(nèi)核
Opera 瀏覽器早期使用的內(nèi)核声滥，Opera 在 Blink 引擎推出之后轉(zhuǎn)用 Blink，其中原因包括毫無(wú)推廣上的優(yōu)勢(shì)（主要原因）和使用 Webkit 內(nèi)核的 Opera 可以兼容谷歌 Chrome 瀏覽器等侦香。但換內(nèi)核代價(jià)慘痛落塑，從快速輕量化與穩(wěn)定到異常卡頓與不穩(wěn)定罐韩，書簽同步都困難憾赁，很多用戶流失。Presto 內(nèi)核最終停留在了 12.17散吵。
⑧. More
這里便不一一列舉各個(gè)不同的內(nèi)核了龙考，下圖可以看到內(nèi)核存在時(shí)間的對(duì)比膘壶，從而方便看出哪些內(nèi)核還在使用中。
2. JavaScript 引擎
瀏覽器上不僅僅可以解析 HTML 和 CSS洲愤，也可以解析腳本語(yǔ)言 JavaScript 颓芭，而后者便需要 JS 引擎作支持。常見的 JS 引擎有 JScript 引擎柬赐、Chakra 引擎亡问、V8 引擎、KJS 引擎等肛宋，這里作出小談州藕。
①. KJS 引擎
與早期 KHTML 排版引擎相配的，還有用來(lái)解析 JavaScript 的 KJS 引擎酝陈。KJS 同樣由 KDE 社區(qū)開發(fā)床玻。其后因?yàn)?Webkit 作為分支的誕生，逐步被可以直接將 JS 代碼編譯為原生機(jī)器碼的 JavaScriptCore 引擎替代沉帮。JavaScriptCore 成為了 Webkit 中的一個(gè)重要組件锈死。
②. Chakra 引擎
Chakra 是由微軟為 IE9+ 版本開發(fā)的 JavaScript 引擎，在一個(gè)獨(dú)立的 CPU 核心上即時(shí)編譯腳本穆壕，與瀏覽器并行待牵。在 2009 年 11 月 18 日舉行的 SunSpider 測(cè)試展示了 IE9 的 PDC 版本對(duì)腳本的執(zhí)行遠(yuǎn)快于 IE8，但是仍然慢于 Firefox 3.5喇勋、Google Chrome 4 和 Safari 4缨该。
③. V8 引擎
V8 由 Google 公司開發(fā)，是開源的 JavaScript 引擎川背。V8 在運(yùn)行之前將 JavaScript 編譯成了機(jī)器碼贰拿，而非字節(jié)碼或是解釋執(zhí)行它，以此提升性能熄云∨蚋基于 V8 引擎對(duì) JavaScript 的高性能解析，Node.js 也選擇了 V8 引擎作為其在服務(wù)端解析 JavaScript 的首選引擎皱碘，促進(jìn)了前端的蓬勃發(fā)展询一。
小結(jié)
通過(guò)前半部分隐孽，我們談到了瀏覽器的特點(diǎn)癌椿，并通過(guò)兩次瀏覽器大戰(zhàn)交代了主流瀏覽器的發(fā)展史；通過(guò)后半部分菱阵，我們看到千姿百態(tài)的瀏覽器內(nèi)核原來(lái)有足夠多的共性——每一個(gè)新的內(nèi)核并不是憑空而出的踢俄，都從上一個(gè)可以替代的內(nèi)核中吸收了足夠多的經(jīng)驗(yàn)。
這時(shí)晴及，如果有人讓你談?wù)剬?duì)瀏覽器內(nèi)核的理解都办，你就可以說(shuō)將其拆分成排版引擎和 JS 引擎來(lái)分別說(shuō)說(shuō)它們的特點(diǎn)了。但本文只是起點(diǎn)，有關(guān)一些瀏覽器為什么宣稱自己是雙內(nèi)核琳钉，有關(guān)瀏覽器組成势木，有關(guān)瀏覽器進(jìn)程調(diào)度，有關(guān)內(nèi)核渲染機(jī)制等問(wèn)題都還沒有涉及歌懒，可以留在問(wèn)尾以作延伸思考啦桌。
- Hello，我是韓亦樂(lè)及皂，現(xiàn)任本科軟工男一枚甫男。軟件工程專業(yè)的一路學(xué)習(xí)中，我有很多感悟验烧，也享受持續(xù)分享的過(guò)程板驳。如果想了解更多或能及時(shí)收到我的最新文章，歡迎訂閱我的個(gè)人微信號(hào)：韓亦樂(lè)碍拆。我的簡(jiǎn)書個(gè)人主頁(yè)中若治，有我的訂閱號(hào)二維碼和 Github 主頁(yè)地址；我的知乎主頁(yè) 中也會(huì)堅(jiān)持產(chǎn)出感混，歡迎關(guān)注直砂。
- 本文內(nèi)部編號(hào)經(jīng)由我的 Github 相關(guān)倉(cāng)庫(kù)統(tǒng)一管理；本文可能發(fā)布在多個(gè)平臺(tái)但僅在上述倉(cāng)庫(kù)中長(zhǎng)期維護(hù)浩习；本文同時(shí)采用【知識(shí)共享署名-非商業(yè)性使用-禁止演繹 4.0 國(guó)際許可協(xié)議】進(jìn)行許可静暂。
