瀏覽器引擎介紹

1、一、排版引擎 首先厘清一下瀏覽器內(nèi)核是什么東西。 英文叫做：Rendering Engine，中文翻譯很多，排版引擎、解釋引擎、渲染引擎，現(xiàn)在流行稱為瀏覽器內(nèi)核，至于為什么流行這么稱呼，就像你們稱呼陳偉老師為c.k。 Rendering Engine，顧名思義，就是用來渲染網(wǎng)頁內(nèi)容的，將網(wǎng)頁的內(nèi)容和排版代碼轉(zhuǎn)換為可視的頁面。因?yàn)槭桥虐?，所以肯定?huì)排版錯(cuò)位等問題。為什么會(huì)排版錯(cuò)位呢？有的是由于網(wǎng)站本身編寫不規(guī)范，有的是由于瀏覽器本身的渲染不標(biāo)準(zhǔn)。 現(xiàn)在有幾個(gè)主流的排版引擎，因?yàn)檫@些排版引擎都有其代表的瀏覽器，所以常常會(huì)把排版引擎的名稱和瀏覽器的名稱混用，比如常的說IE內(nèi)核、Chrome內(nèi)核。其實(shí)

2、這樣子是不太合理的，因?yàn)橐粋€(gè)完整的瀏覽器不會(huì)只有一的排版引擎，還有自己的界面框架和其它的功能支撐，而排版引擎本身也不可能實(shí)現(xiàn)瀏覽器的所有功能。下面羅列一下幾款主流的排版引擎和瀏覽器。 1、Trident（Windows） IE瀏覽器所使用的內(nèi)核，也是很多瀏覽器所使用的內(nèi)核，通常被稱為IE內(nèi)核?；赥rident內(nèi)核的瀏覽器非常多，這是因?yàn)門rident內(nèi)核提供了豐富的調(diào)用接口。老的Trident內(nèi)核（比如常說的IE6內(nèi)核）一直是不遵循W3C標(biāo)準(zhǔn)的，但是由于它的市場(chǎng)份額最大，所以后果就是大量的網(wǎng)站只支持老的Trident內(nèi)核，依據(jù)W3C標(biāo)準(zhǔn)寫的網(wǎng)頁在老的Trident內(nèi)核下面又出現(xiàn)偏差。目前可供

3、調(diào)用的最新版的Trident內(nèi)核是IE9所用的內(nèi)核，相較之前的版本對(duì)W3C標(biāo)準(zhǔn)的支持增強(qiáng)了很多。Trident內(nèi)核的瀏覽器：IE6、IE7、IE8（Trident 4.0）、IE9（Trident 5.0）、IE10（Trident 6.0）；世界之窗1、世界之窗2、世界之窗3；360安全瀏覽器1、360安全瀏覽器2、360安全瀏覽器3、360安全瀏覽器4、360安全瀏覽器5；傲游1、傲游2；搜狗瀏覽器1；騰訊TT；阿云瀏覽器（早期版本）、百度瀏覽器（早期版本）、瑞星安全瀏覽器、Slim Browser；GreenBrowser、愛帆瀏覽器（12 之前版本）、115瀏覽器、155瀏覽器；閃游瀏

4、覽器、N氧化碳瀏覽器、糖果瀏覽器、彩虹瀏覽器、瑞影瀏覽器、勇者無疆瀏覽器、114瀏覽器、螞蟻瀏覽器、飛騰瀏覽器、速達(dá)瀏覽器、佐羅瀏覽器； 2、Gecko（跨平臺(tái)） Netscape6啟用的內(nèi)核，現(xiàn)在主要由Mozilla基金會(huì)進(jìn)行維護(hù)，是開源的瀏覽器內(nèi)核，目前最主流的Gecko內(nèi)核瀏覽器是Mozilla Firefox，所以也常常稱之為火狐內(nèi)核。因?yàn)镕irefox的出現(xiàn)，IE的霸主地位逐步被削弱，Chrome的出現(xiàn)則是加速了這個(gè)進(jìn)程。非Trident內(nèi)核的興起正在改變著整個(gè)互聯(lián)網(wǎng)，最直接的就是推動(dòng)了編碼的標(biāo)準(zhǔn)化，也使得微軟在競(jìng)爭(zhēng)壓力下不得不改進(jìn)IE。不過比較可惜的是，雖然是開源的，也開發(fā)了這么多

5、年，基于Gecko的瀏覽器并不多見，除了一些簡(jiǎn)單的改動(dòng)（坑爹的X瀏覽器）或者是重新編譯（綾川ayakawa、tete009），深度定制或者增強(qiáng)型外殼的還比較少見。另外就是有一些其它軟件借用了Gecko內(nèi)核，比如音樂管理軟件SongBird。常見的Gecko內(nèi)核的瀏覽器Mozilla Firefox、Mozilla SeaMonkeyEpiphany（早期版本）、Flock（早期版本）、K-Meleon 3、KHTML（Linux） KDE開發(fā)的內(nèi)核，速度快捷，容錯(cuò)度低。這個(gè)內(nèi)核可能不見得很多人知道，但是后面再看下去你就明白了。 常見的KHTML內(nèi)核的瀏覽器：Konqueror 4、WebKit

6、（跨平臺(tái)） 由KHTML發(fā)展而來，也是蘋果給開源世界的一大貢獻(xiàn)。是目前最火熱的瀏覽器內(nèi)核，火熱倒不是說市場(chǎng)份額，而是應(yīng)用的面積和勢(shì)頭。因?yàn)槭敲撎ビ贙HTML，所以也是具有高速的特點(diǎn)，同樣遵循W3C標(biāo)準(zhǔn)。 常見的WebKit內(nèi)核的瀏覽器：Apple Safari、Symbian系統(tǒng)瀏覽器 5、Chromium（跨平臺(tái)） 維基百科里面并沒有將Chromium從WebKit分出來，這個(gè)區(qū)分完全是基于我個(gè)人的惡趣味。記得以前看過一個(gè)大牛的博文說過，Chromium把WebKit的代碼梳理得可讀性提高很多，所以以前可能需要一天進(jìn)行編譯的代碼，現(xiàn)在只要兩個(gè)小時(shí)就能搞定。這個(gè)我自己也沒有考究過，但是估計(jì)可信

7、。這個(gè)也能解釋為什么Gecko和WebKit出來了這么久，第三方編譯、定制的版本并不多，但是由Chromium衍生出來的瀏覽器早就滿坑滿谷了。 常見的Chromium內(nèi)核的瀏覽器：Chromium、Google Chrome、SRWare Iron、Comodo Dragon 6、Presto（跨平臺(tái)） Opera的內(nèi)核，準(zhǔn)確地說，是Opera 7.0及以后版本的內(nèi)核，Opera 3.5-6.1版本使用的內(nèi)核叫做Elektra。不用說，Presto對(duì)W3C標(biāo)準(zhǔn)的支持也是很良好的。雖然我很喜歡Opera，但是我對(duì)Presto的渲染速度一直有保留態(tài)度。之前在OperaChina論壇看見有人說過，P

8、resto優(yōu)先解析文字，保證可閱讀性，媒體資源的渲染放后。 常見的Presto內(nèi)核的瀏覽器：Opera 7、其它/wiki/排版引擎 二、JavaScript引擎 說完了排版引擎，接下來說說JavaScript引擎。顧名思義，JavaScript引擎就是用來渲染JavaScript的。為什么要單獨(dú)拿出來說呢？因?yàn)樗婕暗脚芊?。?jīng)?？匆姾芏辔恼略趫?bào)道說哪個(gè)瀏覽器更快，其實(shí)大部分說的就是JavaScript的渲染速度，而不是頁面的載入速度。在網(wǎng)速許可的情況下，其實(shí)各個(gè)瀏覽器的頁面載入速度差別不大（Opera遜色一些）。那是不是說對(duì)比JavaScript的

9、渲染速度其實(shí)沒有意義？也不是這么說，因?yàn)楝F(xiàn)在JavaScript在頁面中的比重會(huì)越來越大，越來越多的動(dòng)態(tài)頁面開始大量借助JavaScript，比如現(xiàn)在主流的SNS、郵箱、網(wǎng)頁游戲，所以JavaScript的渲染速度也是一個(gè)很重要的指標(biāo)。JavaScript的渲染速度越快，動(dòng)態(tài)頁面的展示也越快。Opera在JavaScript引擎的跑分上面一直都是很牛逼的，一般來說最新測(cè)試版之間PK，Opera基本都會(huì)奪冠。 1、Chakra查克拉，IE9啟用的新的JavaScript引擎。 2、SpiderMonkey/TraceMonkey/JaegerMonkeySpiderMonkey應(yīng)用在Mozill

10、a Firefox 1.0-3.0，TraceMonkey應(yīng)用在Mozilla Firefox 3.5-3.6版本，JaegerMonkey應(yīng)用在Mozilla Firefox 4.0及后續(xù)的版本。 3、V8應(yīng)用于Chrome、傲游3。 4、Nitro應(yīng)用于Safari 4及后續(xù)的版本。 5、Linear A/Linear B/Futhark/CarakanLinear A應(yīng)用于Opera 4.0-6.1版本，Linear B應(yīng)用于Opera 7.09.2版本，F(xiàn)uthark應(yīng)用于Opera 9.5-10.2版本，Carakan應(yīng)用于Opera 10.5及后續(xù)的版本。 6、KJSKHTML對(duì)應(yīng)

11、的JavaScript引擎。 三、幾個(gè)測(cè)試 1、V8引擎 現(xiàn)在很多“雙核”瀏覽器都用它來跑分測(cè)試JavaScript引擎，分?jǐn)?shù)越高越好。 2、Acid3/ 標(biāo)準(zhǔn)支持測(cè)試，分?jǐn)?shù)越高越好，滿分是100分。 3、HTML5 測(cè)試瀏覽器對(duì)HTML5標(biāo)準(zhǔn)的支持，分?jǐn)?shù)越高越好。 四、幾個(gè)奇葩 1、IETab 在沒有第三方編譯版本的時(shí)候，IETab一直是Mozilla Firefox、Chrome等非Trident內(nèi)核的瀏覽器的安裝量最大的擴(kuò)展之一，方便用戶在不開啟IE的情況下調(diào)用Trident內(nèi)核訪問一些兼容性比較差的網(wǎng)站。 2、Trident/Gecko

12、雙核瀏覽器 雖然IETab能實(shí)現(xiàn)部分需求，但是深度訂制的畢竟還是不一樣，所以Trident/Gecko雙核瀏覽器就誕生了，Sleipnir、Avant 12（Orca）是這類里面比較常見的。Avant 12因?yàn)橛蠴rca的前期積累，所以輕車熟路，后面還打算加入Chromium，變成三核瀏覽器，但是偏偏現(xiàn)在Mozilla Firefox和Chrome都在瘋狂刷版本號(hào)，肯定有一部分精力要花在跟進(jìn)版本上。 3、Trident/WebKit雙核瀏覽器 現(xiàn)在國(guó)內(nèi)最主流的“雙核”瀏覽器基本都是這個(gè)架構(gòu)，360極速瀏覽器、世界之窗瀏覽器極速版、傲游3搜狗瀏覽器3、QQ瀏覽器、楓樹瀏覽器、快快瀏覽器、百度瀏覽

13、器、阿云瀏覽器（后期版本）、太陽花瀏覽器，其中最奇葩的是傲游3。其它雙核瀏覽器都是基于Chromium的，而傲游是基于WebKit的，但是偏偏又用的是V8引擎。 4、Trident/Gecko/WebKit三核瀏覽器 目前能見的應(yīng)該就是日本的Lunascape，Avant增加了WebKit內(nèi)核之后也會(huì)歸類到這里。說實(shí)話，Lunascape真的很難用，真的很奇葩。各個(gè)內(nèi)核相對(duì)獨(dú)立，外殼本身不夠強(qiáng)化，穩(wěn)定性不高，所以還不如用回單核瀏覽器。 五、幾個(gè)小點(diǎn) 1、Chrome/Chromium 很多人都會(huì)說自己用的雙核瀏覽器是Chrome/IE雙核的，或者說是基于Chrome的。其實(shí)這種說法并不正確，因

14、為Chrome本身并不開源，其它廠商是不能去定制Chrome的。能被修改、定制的是Chromium，Chrome的開源開發(fā)版本，代碼和Build都提供下載。Chromium/Chrome兩個(gè)單詞都是鉻，分別是拉丁文和英文，除了名字之外，很有很多不同，你可以自己對(duì)比一下。 Chromium一天最多可以更新十幾二十個(gè)版本，實(shí)驗(yàn)性的新特性都會(huì)現(xiàn)在這里放出，但是Chromium本身其實(shí)并不穩(wěn)定。 Chrome總共有四個(gè)更新分支：Canary、Dev、Beta、Stable，穩(wěn)定性依次增強(qiáng)。 2、MyIE、MyIE2、傲游、GreenBrowser 自行搜索，一段歷史。 3、頁面兼容性判斷 在確保IE瀏

15、覽器沒有損壞的基礎(chǔ)上，搭配一款非Trident內(nèi)核的瀏覽器進(jìn)行判斷，如果可以的話，最好所有內(nèi)核都配齊了。 控制變量就能找到問題所在，是瀏覽器本身的問題，還是頁面編碼有問題。對(duì)于用戶來說就能更好地去選擇自己該用什么瀏覽器訪問什么頁面，對(duì)于開發(fā)者來說應(yīng)該要寫出無差別代碼。 4、一直被模仿，一直被超越的OperaOpera其實(shí)很好看也很好用，而且極度創(chuàng)新，但是市場(chǎng)占有率一直很低。很多很好用的新特性總是被抄襲，所以大家笑稱Opera“一直被模仿，一直被超越”。坊間傳聞多標(biāo)簽頁瀏覽器就是Opera發(fā)明的，但是貌似有人考究了這個(gè)傳聞其實(shí)不屬實(shí)。不過快速撥號(hào)、Turbo瀏覽等功能就是扎扎實(shí)實(shí)Opera首創(chuàng)的

16、。你可以不用Opera，但是你會(huì)損失很多樂趣。 5、這年頭流行刷版本號(hào)現(xiàn)在版本號(hào)最高的瀏覽器是Chrome，穩(wěn)定版的版本號(hào)是14，也是現(xiàn)在主流瀏覽器里面誕生時(shí)間最短的，真是一個(gè)刷版本號(hào)高手。早期的Chrome版本更迭還會(huì)增加一些比較重要的新特性，比如擴(kuò)展支持，現(xiàn)在的版本更迭基本上并沒有伴隨什么大的更新?，F(xiàn)在很多偽高端用戶就會(huì)整天追著第三方編譯版本趕緊跟進(jìn)版本號(hào)，但是其實(shí)真正的意義并不大。多虧了Chrome的“提攜”，今年Firefox也在猛刷版本號(hào)，年初還是3.x，現(xiàn)在正式版已經(jīng)是7.0.1，每夜版已經(jīng)到了10.0。Opera積累了多年才到11.50，測(cè)試版是12.0。IE的正式版是9，平臺(tái)預(yù)

17、覽版是10。 6、查看源代碼、開發(fā)者工具一 般來說，查看源代碼和使用開發(fā)者工具是比較實(shí)用的，可能用的機(jī)會(huì)并不多，但是在判斷一些問題的時(shí)候其實(shí)是很有用的。通過查看源代碼或者使用開發(fā)者工具，可 以大致了解這些網(wǎng)站里面的一些元素或者加載的腳本或者是規(guī)則，對(duì)于判斷兼容性問題有一定的幫助，也可以用來準(zhǔn)確捕捉頁面元素。 7、幾個(gè)主要的瀏覽器官網(wǎng)以及版本下載（1）Internet Explorer官網(wǎng)：IE7下載：IE8下載：IE9下載：（2）Mozilla Firefox官網(wǎng)：7.x Release：/pub//firefox/releases/latest/win32/zh-CN/8.x Candidates：/pub//firefox/nightly/8.0b1-candidates/build1/win32/zh-CN/9.x Aurora：/pub//firefox/nightly/latest-mozilla-aurora/10.x Nightly：/pub/mozilla.