ieffchrome等瀏覽器內核以及腳本引擎詳解

1、瀏覽器是我們每天幾乎都必須使用的軟件 產品，可是對于自己每天都接觸的瀏覽器，很多同學其實對其一無所知。今天異次元就跟大家說說關于瀏覽器內核的一些事兒吧， 好讓你了解多一點稍微內在的東西。在下面的文章中主要介紹一些常見的瀏覽器內核和JavaScript引擎，局部內容來自 于我在網(wǎng)上找到的資料，還有一些是我自己的理解，不保證完全正確，但是大致應該是 沒錯的。如果有誤，請指正一、瀏覽器內核排版引擎/渲染引擎 首先解釋一下瀏覽器內核是什么東西。英文叫做：Ren dering Engine，中文翻譯很多， 排版引擎、解釋引擎、渲染引擎，現(xiàn)在流行 稱為瀏覽器內核，至于為什么流行這么稱 呼，請自行領悟。Re

2、ndering Engine，顧名思義，就是用來渲 染網(wǎng)頁內容的，將網(wǎng)頁的代碼轉換為最終你 看得見的頁面。因為是排版，所以肯定會排 版錯位等問題。為什么會排版錯位呢有的是 由于網(wǎng)站本身編寫不標準，有的是由于瀏覽 器本身的渲染不標準?，F(xiàn)在有幾個主流的排版引擎，因為這些排版引擎都有其代表的瀏覽器，所以常常會把排 版引擎的名稱和瀏覽器的名稱混用，比方常的說IE內核、Chrome內核。其實這樣子是 不太合理的，因為一個完整的瀏覽器不會只 有一的排版引擎，還有自己的界面框架和其 它的功能支撐，而排版引擎本身也不可能實現(xiàn)瀏覽器的所有功能。下面羅列一下幾款主 流的排版引擎和瀏覽器。1、Trident 內核W

3、indowsTride nt就是大名鼎鼎的IE瀏覽器所使 用的內核，也是很多瀏覽器所使用的內核， 通常被稱為IE內核?；赥ride nt內核的 瀏覽器非常多，這是因為Tride nt內核提供 了豐富的調用接口。老的 Tride nt內核比 如常說的IE6內核一直是不遵循 W3C標準 的，但是由于當時IE6的市場份額最大，所 以后果就是大量的網(wǎng)頁專門為IE6等老 Tride nt內核編寫，在IE6下顯示很正常， 但其實這些網(wǎng)頁的代碼并不符合W3G標準，于是，完全依據(jù)W3C標準寫的網(wǎng)頁在老的Tride nt內核下面又出現(xiàn)偏差，這就是為什 么很多人覺得后來的IE9的網(wǎng)頁排版有時會 亂了，而IE6那

4、么正常，其實不是瀏覽器兼容 性差了，而是你訪問的網(wǎng)頁不符合新的標 準。目前可供調用的最新版的Tride nt內核是IE9所用的內核，相較之前的版本對W3C標準的支持增強了很多。Tride nt內核的常見瀏覽器有：IE6、IE7、IE8 Tride nt 、IE9 Tride nt 、 IE10 Tride nt ;世界之窗、360平安瀏覽器、傲游；搜狗瀏 覽器；騰訊TT;阿云瀏覽器早期版本、 百度瀏覽器早期版本、瑞星平安瀏覽器、Slim Browser ； GreenBrowser、愛帆瀏覽 器12之前版本、115瀏覽器、155瀏覽器； 閃游瀏覽器、N氧化碳瀏覽器、糖果瀏覽器、 彩虹瀏覽器、瑞

5、影瀏覽器、勇者無疆瀏覽器、 114瀏覽器、螞蟻瀏覽器、飛騰瀏覽器、速 達瀏覽器、佐羅瀏覽器；其中局部瀏覽器的新版本是“雙核甚至 是“多核，其中一個內核是Tride nt ,然后再增加一個其他內核。國內的廠商一般把 其他內核叫做“高速瀏覽模式，而 Tride nt那么是“兼容瀏覽模式，用戶可以 來回切換。2、Gecko 跨平臺Netscape6啟用的內核，現(xiàn)在主要由Mozilla基金會進行維護，是開源的瀏覽器 內核，目前 最主流的Gecko內核瀏覽器是 Mozilla Firefox，所以也常常稱之為火狐內核。因為Firefox的出現(xiàn)，IE的霸主地位 逐步被削弱，Chrome的出現(xiàn)那么是加速了這

6、個 進程。非Trident內核的興起正在改變著整 個互聯(lián)網(wǎng)，最直接的就是推動了編碼的標準 化，也使得微軟在競爭壓力下不得不改良 IE。不過比擬可惜的是，雖然是開源的，也 開發(fā)了這么多年，基于Gecko的瀏覽器并不 多見，除了一些簡單的改動坑爹的X瀏覽器或者是重新編譯綾川ayakawa、 tete009，深度定制或者增強型外殼的還比 較少見。另外就是有一些其它軟件借用了 Gecko內核，比方音樂管理軟件SongBird。常見的Gecko內核的瀏覽器：Mozilla Firefox 、MozillaSeaMonkey、Epiphany早期版本、Flock 早期版本、K-Meleon3、KHTMLL

7、inuxKDE開發(fā)的內核，速度快捷，容錯度低。這 個內核可能不見得很多人知道，但是后面再看下去你就明白了。常見的KHTML內核的瀏 覽器：Konq ueror4、WebKit 跨平臺由KHTM開展而來，也是蘋果給開源世界的 一大奉獻。是目前最熾熱的瀏覽器內核，火 熱倒不是說市場份額， 而是應用的面積和勢 頭。因為是脫胎于 KHTML所以也是具有咼 速的特點，同樣遵循 W3C標準。從目前看來， WebKit內核是最有潛力而且是已經有相當 成績的新興內核，性能非常好，而且對W3C標準的支持很完善，本人非?？春盟?。WebKit f ngin當前開展勢頭最強勁的 WebKit內核常見的 WebKit內

8、核的瀏覽器：Apple Safari (Win/Mac/iPhone/iPad) 、Symbian 瀏 覽器、An droid默認瀏覽器， 5、Chromium (跨平臺)其實Chromium 就是 WebKit，維基百科里 面并沒有將 Chromium從 WebKit分出來，這 個區(qū)分完全是基于我個人的惡趣味。記得以前看過一個大牛的博文說過，Chromium把WebKit的代碼梳理得可讀性提高很多，所以 以前可能需要一天進行編譯的代碼，現(xiàn)在只 要兩個小時就能搞定。這個我自己也沒有考 究過，但是估計可信。這個也能解釋為什么 Gecko和 WebKit出來了這么久，第三方編 譯、定制的版本并不多

9、，但是由Chromium衍生出來的瀏覽器早就滿坑滿谷了。常見的 Chromium內核的瀏覽器： Google Chrome Chromium、SRWare Iron、ComodoDragon6、Presto 跨平臺Opera所采用的內核，準確地說，是Opera及以后版本的內核，Opera版本使用的內核 叫做Elektra。不用說，Presto對W3C標準 的支持也是很良好的。雖然我很喜歡Opera, 但是我對Presto的渲染速度一直有保存態(tài) 度。之前在OperaChina論壇看見有人說過， Presto優(yōu)先解析文字，保證可閱讀性，媒體 資源的渲染放后。常見的Presto內核的瀏覽器：Oper

10、a7、更多其它內核可以參考維基百科二、JavaScript 弓 I擎說完了排版引擎，接下來說說 JavaScript 引擎。顧名思義，JavaScript引擎就是用來 執(zhí)行JS代碼的。譬如說，一個算圓周率的 網(wǎng)頁，排版引擎把頁面的框架給顯示出來 了，但最終的結果需要用到Javascript 來計算，所以Javascript引擎的快慢也是對整個網(wǎng)頁的速度有著很大影響，特別是目前越來越多類似 WebQQGmail等大量應用了復雜的Javascript運算的網(wǎng)站，不同的引擎最終的速度差異會相當大。為什么要單獨拿出來說呢因為它還涉及到 跑分。經?？匆姾芏辔恼略趫蟮勒f哪個瀏覽 器更快，其實大局部說的就是

11、JavaScript的渲染速度，而不是頁面的載入速度。在網(wǎng) 速許可的情況下，其實各個瀏覽器的頁面載 入速度差異不大Opera遜色一些。那是不 是說比照JavaScript的渲染速度其實沒有 意義也不是這么說，因為現(xiàn)在JavaScript在頁面中的比重會越來越大，越來越多的動態(tài)頁面開始大量借助 JavaScript ，比方現(xiàn)在 主流的SNS、郵箱、網(wǎng)頁游戲，所以JavaScript 的渲染速度也是一個很重要的 指標。JavaScript的渲染速度越快，動態(tài)頁 面的展示也越快。 Opera 在 JavaScript 引擎 的跑分上面一直都是很牛逼的， 一般來說最 新測試版之間 PK， Opera

12、根本都會奪冠。1 、 Chakra 查 克 拉 ， IE9 啟 用 的 新 的JavaScript 引擎。2、SpiderMonkey /TraceMonkey /JaegerMonkeySpiderMonkey 應用在 Mozilla Firefox，TraceMonkey 應用在 Mozilla Firefox版本， JaegerMonkey 應用在 Mozilla Firefox 及后續(xù)的版本。3、V8應用于Chrome傲游34、Nitro應用于Safari 4及后續(xù)的版本。5、Lin ear A/Linear B/Futhark/Caraka nLinear A 應用于 Opera 版

13、本，Linear B 應 用于Opera版本，F(xiàn)uthark應用于 Opera 版本，Carakan應用于Opera及后續(xù)的版本。6、KJSKHTM對寸應的 JavaScript 引擎。三、幾個與瀏覽器有關的測試工程1、V8引擎測試傳送門，現(xiàn)在很多“雙核 瀏覽器都用它來跑分測試 JavaScript引擎， 分數(shù)越高越好。2、Acid3測試傳送門，這個主要是對網(wǎng)頁標 準的兼容性測試，分數(shù)越高表示越符合網(wǎng)頁 的開發(fā)標準，總分值是100分。3、HTML測試傳送門，測試瀏覽器對 HTML5 標準的支持，分數(shù)越高越好。四、幾個奇葩1、IETab 這是一款瀏覽器擴展，并非內核。在沒有第 三 方 編 譯 版

14、 本 的 時 候 ， IETab 一 直 是 Mozilla Firefox 、Chrome 等非 Tride nt 內 核的瀏覽器的安裝量最大的擴展之一， 方便 用戶在不開啟 IE 的情況下調用 Trident 內 核訪問一些兼容性比擬差的網(wǎng)站。2、Trident/Gecko 雙核瀏覽器雖然 IETab 能實現(xiàn)局部需求， 但是深度訂制 的畢竟還是不一樣， 所以 Trident/Gecko 雙 核瀏覽器就誕生了， Sleipnir 、 Avant 12 O rca 是這類里面比擬常見的。 Avant 12 因為有 Orca 的前期積累，所以輕車熟路， 后面還打算參加Chromium,變成三核瀏

15、覽器 ， 但 是 偏 偏 現(xiàn)在 Mozilla Firefox 和 Chrome都在瘋狂刷版本號，肯定有一局部精 力要花在跟進版本上。3、Trident/WebKit 雙核瀏覽器現(xiàn)在國內最主流的“雙核瀏覽器根本都 是這個架構，360極速瀏覽器、世界之窗瀏覽器極速版、傲游3搜狗瀏覽器3、QQ瀏覽器、 楓樹瀏覽器、快快瀏覽器、百度瀏覽器、阿 云瀏覽器后期版本、太陽花瀏覽器，其 中最奇葩的是傲游3。其它雙核瀏覽器都是 基于Chromium的，而傲游是基于 WebKit的， 但是偏偏又用的是V8引擎。4、Trident/Gecko/WebKit三核瀏覽器目前能見的應該就是日本的Lunascape，Av

16、ant增加了 WebKit內核之后也會歸類到 這里。說實話，Lunascape真的很難用，真 的很奇葩。各個內核相對獨立，外殼本身不 夠強化，穩(wěn)定性不高，所以還不如用回單核 瀏覽器。五、幾個小點1、Chrome/Chromium很多人都會說自己用的雙核瀏覽器是 Chrome/IE雙核的，或者說是基于 Chrome 的。其實這種說法并不正確，因為Chrome本身并不開源，其它廠商是不能去定制Chrome的。能被修改、定制的是 Chromium,Chrome的開源開發(fā)版本，代碼和Build都提 供下載。Chromium/Chrome兩個單詞都是鉻， 分別是拉丁文和英文，除了名字之外，很有 很多不同

17、，你可以自己比照一下。Chromium一天最多可以更新十幾二十個版本，實驗性的新特性都會現(xiàn)在這里放出，但是Chromium 本身其實并不穩(wěn)定。Chrome總共有四個更新 分支：Canary、Dev、Beta、Stable，穩(wěn)定 性依次增強。2、MylE、MylE2、傲游、GreenBrowser 自行 搜索，一段歷史。3、頁面兼容性判斷在確保IE瀏覽器沒有損壞的根底上，搭配 一款非Trident內核的瀏覽器進行判斷，如 果可以的話，最好所有內核都配齊了。控制 變量就能找到問題所在， 是瀏覽器本身的問 題，還是頁面編碼有問題。對于用戶來說就 能更好地去選擇自己該用什么瀏覽器訪問 什么頁面，對于開

18、發(fā)者來說應該要寫出無差 別代碼。4、一直被模仿，一直被超越的OperaOpera其實很好看也很好用，而且極度創(chuàng)新貌似全頁面縮放、多標簽瀏覽、鼠標手勢、 快速撥號等功能都是它首創(chuàng)的，但是市場 占有率一直很低。很多很好用的新特性總是 被抄襲，所以大家笑稱Opera “一直被模仿， 一直被超越。坊間傳聞多標簽頁瀏覽器就 是Opera創(chuàng)造的，但是貌似有人考究了這個 傳聞其實不屬實。不過快速撥號、Turbo瀏覽等功能就是扎扎實實 Opera首創(chuàng)的。你可 以不用Opera，但是你會損失很多樂趣。5、這年頭流行刷版本號現(xiàn)在版本號最高的瀏覽器是 Chrome,穩(wěn)定版 的版本號是14，也是現(xiàn)在主流瀏覽器里面誕 生時間最短的，真是一個刷版本號咼手。早 期的Chrome版本更迭還會增加一些比擬重 要的新特性，比方擴展支持，現(xiàn)在的版本更 迭根本上并沒有伴隨什么大的更新?，F(xiàn)在很 多偽高端