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

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

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

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

4、么正常，其實不是瀏覽器兼容 性差了，而是你訪問的網頁不符合新的標 準。目前可供調用的最新版的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)網，最直接的就是推動了編碼的標準 化，也使得微軟在競爭壓力下不得不改良 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代碼的。譬如說，一個算圓周率的 網頁，排版引擎把頁面的框架給顯示出來 了，但最終的結果需要用到Javascript 來計算，所以Javascript引擎的快慢也是對整個網頁的速度有著很大影響，特別是目前越來越多類似 WebQQGmail等大量應用了復雜的Javascript運算的網站，不同的引擎最終的速度差異會相當大。為什么要單獨拿出來說呢因為它還涉及到 跑分。經?？匆姾芏辔恼略趫蟮勒f哪個瀏覽 器更快，其實大局部說的就是

11、JavaScript的渲染速度，而不是頁面的載入速度。在網 速許可的情況下，其實各個瀏覽器的頁面載 入速度差異不大Opera遜色一些。那是不 是說比照JavaScript的渲染速度其實沒有 意義也不是這么說，因為現(xiàn)在JavaScript在頁面中的比重會越來越大，越來越多的動態(tài)頁面開始大量借助 JavaScript ，比方現(xiàn)在 主流的SNS、郵箱、網頁游戲，所以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引擎， 分數越高越好。2、Acid3測試傳送門，這個主要是對網頁標 準的兼容性測試，分數越高表示越符合網頁 的開發(fā)標準，總分值是100分。3、HTML測試傳送門，測試瀏覽器對 HTML5 標準的支持，分數越高越好。四、幾個奇葩1、IETab 這是一款瀏覽器擴展，并非內核。在沒有第 三 方 編 譯 版

14、 本 的 時 候 ， IETab 一 直 是 Mozilla Firefox 、Chrome 等非 Tride nt 內 核的瀏覽器的安裝量最大的擴展之一， 方便 用戶在不開啟 IE 的情況下調用 Trident 內 核訪問一些兼容性比擬差的網站。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)在很 多偽高端