瀏覽器及其內核簡介(一)

瀏覽器及其內核

1.簡介:瀏覽器就是安裝在我們電腦上的瀏覽器,在網站時代,瀏覽器幾乎代表了網絡世界,因爲有了瀏覽器,你可以通過他瀏覽世界的任何一個網絡可以到達的地方,而對於前端工程師來說,瀏覽器就是前端代碼的展現舞臺,是接受用戶考驗的考場。

2.瀏覽器都有哪些?
根據最新的統計顯示,全球瀏覽器市場份額最大的幾家廠商及其排名分別是:Google Chrome、Mozilla Firefox、Internet Explorer、Microsoft Edge、Opera及Safari,國內的主要瀏覽器UC、QQ瀏覽器、搜狗、360,百度等。

3.主流瀏覽器市場份額
前端工程師敲的代碼就是在這些瀏覽器解讀和執行的,他們的差別也就是在代碼的解讀和執行上。同樣一行代碼,不同的瀏覽器會有不同的解讀和呈現,而且速度也不一樣,給人的體驗也不一樣。而決定如何解釋和執行代碼的核心就是瀏覽器的內核。

在這裏插入圖片描述
4.如果把瀏覽器做個拆分,其組成部分主要有:用戶界面、瀏覽器引擎、渲染引擎、 網絡 、JS解釋器、UI後端、數據存儲7個部分。
(1) 用戶界面 - 包括地址欄、後退/前進按鈕、書籤目錄等,也就是所看到的除了用來顯示所請求頁面的主窗口之外的其他部分。
(2)瀏覽器引擎 - 用來查詢及操作渲染引擎的接口
(3) 渲染引擎 - 用來顯示請求的內容,例如,如果請求內容爲html,它負責解析html及css,並將解析後的結果顯示出來。
(4) 網絡 - 用來完成網絡調用,例如http請求,它具有平臺無關的接口,可以在不同平臺上工作。
(5) UI後端 - 用來繪製類似組合選擇框及對話框等基本組件,具有不特定於某個平臺的通用接口,底層使用操作系統的用戶接口。
(6) JS解釋器 - 用來解釋執行JS代碼。
(7)數據存儲 - 屬於持久層,瀏覽器需要在硬盤中保存類似cookie的各種數據,HTML5定義了web database技術,這是一種輕量級完整的客戶端存儲技術。

5.瀏覽器內核
做過設計尤其是3D動畫的人對渲染這個詞應該不陌生。瀏覽器內核,其實就是瀏覽器的渲染引擎,英文叫“Rendering Engine”,它是瀏覽器的核心。渲染引擎負責對網頁代碼的解釋並按照規則渲染出顯示器上的網頁。網頁怎麼顯示,完全由它說了算。
四個內核以及已它爲基礎的瀏覽器:
(1)Trident內核,由於被微軟採用,並得益於微軟操作系統的普及,以前幾乎一統天下,所以又稱爲“IE內核”,主要瀏覽器有IE系列瀏覽器;

(2)Gecko內核,因爲被Mozilla FireFox瀏覽器採用並得到開發者的進一步豐富,又被稱爲“Firefox內核”;

(3)WebKit內核,是Safari瀏覽器使用的內核,由Apple研發。 Google Chrome、Opera及各種國產瀏覽器高速模式也使用Webkit作爲內核。

(4)Blink內核,由Google和Opera Software共同開發的瀏覽器內核,現在Chrome(28及往後版本)、Opera(15及往後版本)都將Webkit內核換成了Blink內核。

一般來說,一個瀏覽器採用一個內核。但是國內的開發者腦洞比較大,開創性發明瞭雙核瀏覽器。360瀏覽器、獵豹瀏覽器都是採用IE+Chrome雙內核,搜狗、遨遊、QQ瀏覽器也是雙內核:Trident(兼容模式)+Webkit(高速模式); UC瀏覽器電腦版採用Blink內核和Trident內核,百度瀏覽器、世界之窗內核都是單核(IE內核)。
另外,瀏覽器內核另外一個很重要的部分就是JS引擎,之前JS引擎也被集成在內核中,但是隨着JS引擎越來越獨立,慢慢瀏覽器內核就是隻渲染引擎了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章