- HTML+CSS網(wǎng)頁設計實踐教程
- 田中雨
- 1132字
- 2021-03-19 20:43:01
1.6 常用的瀏覽器內核
在頁面編寫瀏覽時,需要以Web瀏覽器作為調試的基礎,在使用Web瀏覽器測試網(wǎng)頁時,需要先了解瀏覽器顯示網(wǎng)頁內容的流程,其流程圖如圖1-10所示。

圖1-10 瀏覽器顯示網(wǎng)頁內容的流程圖
根據(jù)如圖1-10所示的流程圖,可以總結出顯示網(wǎng)頁內容時的步驟,如下所示。
(1)顯示內容時首先從服務器中獲取網(wǎng)頁數(shù)據(jù),這些數(shù)據(jù)包括網(wǎng)頁的代碼、數(shù)據(jù)庫中的數(shù)據(jù)、圖像、音頻和視頻等。
(2)通過瀏覽器自身所攜帶的瀏覽器內核對這些數(shù)據(jù)進行解析。
(3)將上一步中所解析的結果顯示到用戶計算機的屏幕上。
無論是瀏覽器顯示網(wǎng)頁的流程還是瀏覽器本身,最重要、最核心的部分就是“Rendering Engine”,其中文的解釋有很多,如排版引擎、解釋引擎、渲染引擎和瀏覽器內核等,目前最后一種叫法最為廣泛。
瀏覽器內核負責對網(wǎng)頁語法的解釋(如HTML和JavaScript)并且能夠渲染網(wǎng)頁,通常所謂的瀏覽器內核也就是瀏覽器所采用的渲染引擎,它決定了瀏覽器如何顯示網(wǎng)頁的內容以及頁面的格式信息。不同的瀏覽器內核對網(wǎng)頁編寫語法的解釋也不相同,因此,同一網(wǎng)頁在不同內核的瀏覽器里的顯示效果也可能不同,這也是網(wǎng)頁編寫者需要在不同內核的瀏覽器中測試網(wǎng)頁顯示效果的原因。
瀏覽器內核有很多,不過通常主流的包括4種,如下所示。
1.Trident/Tasman
Trident/Tasman是微軟公司開發(fā)的一種排版引擎程序,其分別應用于微軟公司開發(fā)的Windows操作系統(tǒng)和蘋果公司開發(fā)的Mac OS X操作系統(tǒng)中。目前,國內絕大多數(shù)第三方Web瀏覽器都使用這一排版引擎作為內核,以解析網(wǎng)頁代碼。
這種瀏覽器內核為微軟公司開發(fā)的IE瀏覽器和Office系列軟件提供數(shù)據(jù)解析和排版功能。例如,目前可供調用的Trident 5.0內核是IE 9所用的內核,而Trident 6.0則是IE 10所用的內核。
2.Gecko
Gecko是由Mozilla基金會主持開發(fā)的一款C++編寫的開源網(wǎng)頁排版引擎,最初主要作為Netscape和Firefox等瀏覽器的內核,但是,F(xiàn)irefox瀏覽器最為常用,因此也被稱為火狐內核。現(xiàn)在則可以為多種類型的應用程序提供網(wǎng)頁排版支持,Gecko排版引擎可以運行于多種操作系統(tǒng)上,包括Windows、Linux和Mac OS X等。
3.WebKit
WebKit排版引擎最初是由蘋果公司自Linux操作系統(tǒng)下的KHTML引擎修改而來的,作為Mac OS X操作系統(tǒng)的基礎排版引擎。WebKit與Gecko相同,它也是一個開源的排版引擎。
WebKit是蘋果給開源世界的一大貢獻,它是目前最熱門的瀏覽器內核,其熱門不是說市場份額,而是應用的面積和勢頭。WebKit引擎可以運行于多種操作系統(tǒng)之上,所以它以對HTML 5技術的強大支持著稱。
WebKit內核是目前速度最快的渲染引擎,它又被稱為高速瀏覽內核。Chrome、Mobile Chrome、Safari和Mobile Safari等瀏覽器都是使用該引擎作為內核。
4.Presto
Presto排版引擎是由挪威Opera Software AA開發(fā)的排版引擎,與Gecko類似,Presto本身也是作為一款專用的瀏覽器內核開發(fā)的。Presto雖然體積很小,但是,它解析代碼的效率非常高。
Presto排版引擎在Windows、Linux和Mac OS X等操作系統(tǒng)上應用并不十分廣泛,與其他內核相比,它最為封閉。目前,Opera瀏覽器就是使用的這種內核。
- Pro/ENGINEER三維造型設計實例精解
- 網(wǎng)頁配色從入門到精通
- After Effects CS6從入門到精通
- 中文版Flash CC完全自學教程
- jQuery+Bootstrap Web開發(fā)案例教程(在線實訓版)
- jQuery網(wǎng)頁特效設計基礎教程(慕課版·第2版)
- Photoshop網(wǎng)頁設計從入門到精通
- ADOBE DREAMWEAVER CS6 標準培訓教材
- Premiere Pro CS6多功能教材
- 中文版Dreamweaver CS6完全自學教程
- HTML+CSS+JavaScript網(wǎng)頁制作(第2版)
- 秩序之美:網(wǎng)頁中的網(wǎng)格設計
- Dreamweaver CC網(wǎng)頁設計從入門到精通(微課精編版)
- 在實戰(zhàn)中成長:JSP開發(fā)之路
- 網(wǎng)頁美工設計基礎教程