WebKit介紹及總結(一)

weixin_34162629發表於2015-05-11

. WebKit 簡單介紹

     Webkit 是一個開放原始碼的瀏覽器引擎 (web browser engine) ,最初的程式碼來自 KDE 的 KHTML 和 KJS( 均開放原始碼 ) 。蘋果公司在 Webkit 的基礎上做了大量優化改進工作 ,此時的 Apple Webkit 已經和 Webkit 有了不少區別,最後開發出了著名的 Safari ,能夠說 Safari 是一個相當成功的產品,可是 Safari 卻不是開放原始碼的。

基於 WebKit 的瀏覽器產品有:蘋果的 Safari 和 iPhone , Google 的 Chrome 和 Android , Nokia 的 S60 ,傲遊 3(Maxthon3) ;

WebKit 眼下支援 HTML4/5 CSS1/2 DOM1/2 HTTP/FILE GIF/JPEG/PNG XML SVG RSS2.0 等;

同類的瀏覽器引擎有: Trident ( IE 核心), Gechko ( Netscape, Mozilla 和 Firefox 核心), Presto ( Opera 核心,不免費), Tasman ( IE for MAC 核心),等等,而 WebKit 由於其功能強大、速度快並且免費備受歡迎。

. 用到的庫:
  
除了平臺相關的庫, WebKit 須要用到的一些基本的後臺庫有:

  • ICU : International Components for Unicode , 一個成熟,廣泛使用的一套為 C / C + +Java 庫提供 Unicode 的 全球化支援軟體;

  • XSLT : eXtensible Stylesheet Language Transformation, W3C 定義的用於 XML 文件轉換的規範;

  • Curl : 一個利用 URL 語法的命令列傳輸資料工具,基於 libcurl

  • Sqlite : SQLite 是實現了 SQL92 標準的 SQL 資料庫引擎,它能在一個庫裡組合資料庫引擎和介面 , 將全部資料儲存於單個檔案 ;

  • Gperf :一個非常完美的雜湊函式生成器;

  • Flex : Fast Lex, 高速詞法分析生成器;

  • Bison :語法分析生成器,能夠將一段帶凝視的上下文無關語法轉化成 LALR 或 GLR 語法;

  • Enchant :一個拼寫檢查庫,提供單詞的拼寫檢查、糾錯等功能;

. 程式碼資料夾結構

  • WebKitTools
    一些測試 WebKit 實現功能的程式;

  • WebKitLibraries
    WebKit 用到的庫以及系統呼叫介面定義;

  • WebKitExamplePlugins
    一些來自 Netscape 的外掛,比方輸入法、動畫和 Cocoa 環境等;

  • WebKitSite: 儲存了 www.webkit.org 站點的

  • WebKit
    此資料夾位於 WebKit 的最上層,定義了與應用相關的一些介面,因此它是平臺相關的,每一個子資料夾都是相應平臺的完整實現:

  • cf : Core Foundation, MAC OS X 上的系統級 C 語言 API 介面;

  • win : Windows ;

  • mac : MAC OS X ;

  • qt : Q Toolkit ,其公司已被 Nokia 收購;

  • gtk : Gimp Toolkit ;

  • scripts :一些指令碼,眼下僅僅有一個關於 WebKit 版本號的指令碼程式;

  • chromium : Google Chrome 開發平臺;

  • wx : wxWindows ,一種可移植的 C++ 和 Python GUI 工具箱, by Julian Smart ;

  • haiku :一種開源 OS ,從 BeOS 而來, 2001 開始, 2009 公佈首版;

  • efl: Enlightenment Foundation Libraries, Enlightenment 平臺;
    WebCore
    WebKit 的核心部分,定義了瀏覽相關的資料 IO 、頁面載入、指令碼分析、 UI 組織、事件處理、網路分析、平臺相關的詳細實現等內容。

  • xml :提供 xml 相關的內容;
  • html :提供 html 相關的內容;其下的 Canvas 資料夾定義了 3D 畫布以及 WebGL 庫相關的內容;
  • wml: Wireless Markup Language ;
  • css :提供 css 相關的內容;
  • dom :提供 dom 相關的內容;
  • editing :編輯相關的功能;
  • page :瀏覽相關內容,並不是是我們看到的一個頁面,在一次瀏覽會話中,它僅僅有一個例項;
  • rendering :頁面渲染相關的內容,在對頁面指令碼進行 DOM 樹分析之後,須要對這些元素進行渲染和顯示;
  • notification :內部模組間的事件通訊;
  • history :頁面瀏覽歷史記錄相關的內容;
  • svg :向量圖形功能,有選項, --svg ;
  • mathml : W3C 為網頁中的數學表示式制定的規範;有編譯選項, --mathml ;
  • loader : 載入資源及 Cache
  • workers :“ Web Workers WEB 前端網頁上的指令碼提供了一種能在後臺程式中執行的方法。一旦它被建立, Web Workers 就能夠通過 postMessage() 向任務池傳送任務請求,執行完之後再通過 postMessage() 返回訊息給建立者指定的事件處理 程式 ( 通過 onmessage 進行捕獲 )
    Web Workers
    程式可以在不影響使用者介面的情況下處理任務,而且,它還可以使用 XMLHttpRequest 來處理 I/O ,不管 responseXML channel 屬性是否為 null 。”
  • storage : Web Storage 相關的內容,儲存頁面的資料,能夠看成是 Cookie 的升級;
  • websockets :與網路連線相關的內容;
  • bridge: 主要包括 NPPlugin(Netscape Plugin) 方面的介面訪問等內容;
  • binding : Dom 與 JavaScriptCore 繫結的功能;
  • accessibility :提供控制元件的可用性相關的內容, accessibility 經常使用來形容對一些特殊人群的功能支援,比方殘障者、老人等;
  • icu :裡面放了專門為 Mac OS X 10.4 編譯的 icu 相關標頭檔案 ;
  • platform :提供了平臺相關的詳細實現,如事件響應、本地化、網路連線等;
  • plugins :外掛相關內容;
  • ForwardingHeaders :標頭檔案;
  • inspector : Inspector 是 WebKit 提供的檢視網頁原始碼, DOM 樹,以及除錯指令碼的工具,本資料夾包括了實現此功能的內容;
  • Configurations : X Code 環境相關的配置檔案;
  • English.lproj :本地化檔案;
  • manual-tests :測試用的 html 檔案;
  • Resources :資源,圖示;
  • WebCore.gyp :project檔案。 GYP ( Generate Youre Project )是 google 自己開發了一個指令碼工具,這個工具也 是採用 python 編寫的。它採用了自己定義的一套規則,用於生成各種project檔案;
  • WebCore.vcproj : VC project檔案;
  • WebCore.xcodeproj : X Code project檔案;
  • WTF : Apple 的 C++ 庫,能夠看作精簡的 STL ; SunSpider
  • 一個 JavaScript 的檢測程式,它不檢測 DOM 或者瀏覽器其它的 API ,僅僅用來檢測 Javascript 。
  • JavaScriptGlue

  • JavaScriptCore :有關 JavaScript 的相關內容,包含了指令碼直譯器、分析器以及執行程式;

  • PlanetWebkit: 一個比較靈活的 RSS 閱讀器; Webkit 站點上的 Planet :一站式的 Webkit 開發與動態資訊;

. 體系結構

WebKit 主要包含三部分: WebKit , WebCore ,以及 JavaScriptCore ,加上所使用的庫,依託的平臺,其主要的體系結構 (Architecture) 例如以下所看到的:




注意有的模組相對於以下的模組有突出,這是由於此模組與以下幾個模組直接相關,比方 WebCore 模組就與JavaScriptCore 、 Libraries 和 Platforms 模組直接相關。

 

相關文章