Webkit 學(xué)習(xí)技巧

時(shí)間：2022-10-09 03:06:39 學(xué)習(xí)技巧我要投稿

相關(guān)推薦

　　篇一：Webkit 學(xué)習(xí)筆記

Webkit 學(xué)習(xí)技巧

　　Webkit 主要組成

　　WebKit 主要包括三個(gè)部分WebCore、JavascriptCore 及Ports部分。

　　WebKit 專注的核心部分主要是：

　　分析Html，Javascript的解析，布局渲染技術(shù)。

　　分別在WebCore/html，JavascriptCore 和WebCore/rendering里面

　　1 WebCore內(nèi)容

　　目錄結(jié)構(gòu)

　　bindings

　　將Dom Binding 給JavascriptCore 方面的代碼，同時(shí)包含依據(jù)idl 接口描述文件，自動(dòng)生成對(duì)應(yīng)于JavascriptCore 的Binding 實(shí)現(xiàn)的腳本等內(nèi)容

　　bridge

　　主要包含NPPlugin方面的接口訪問等內(nèi)容

　　css

　　主要包括與css 方面相關(guān)的內(nèi)容如解析、不同css 規(guī)則的定義與實(shí)現(xiàn)、css Binding 給JS的接口定義等內(nèi)容；

　　dom

　　主要包括dom方面相關(guān)的內(nèi)容如不同dom元素的定義與實(shí)現(xiàn)、dom Binding 給JS的接口定義等內(nèi)容

　　html

　　關(guān)于html 方面相關(guān)的內(nèi)容，如不同html 元素的定義與實(shí)現(xiàn)、HTMLTokenizer 及HTMLParser等內(nèi)容

　　load

　　主要包括裝載資源如html頁面、css、js 及image等方面內(nèi)容；

　　page

　　主要包括描述一個(gè)Web頁面所涉及的內(nèi)容如page、frame、frameview、frametree、setting、history、chrome、chromeclient等內(nèi)容；

　　rendering

　　主要包括如何使用樣式，組織布局、顯示html 元素等方面內(nèi)

　　plugins

　　主要包括瀏覽端如何實(shí)現(xiàn)NPPlugin 方面的內(nèi)容

　　svg

　　主要包括與svg方面相關(guān)的內(nèi)

　　xml

　　主要包括與xml 方面相關(guān)的內(nèi)容如xml parser、XPath、XSLT等

　　platform

　　主要包括與不同平臺(tái)或外部庫相關(guān)的內(nèi)容如graphics(圖形輸出方面)、network(網(wǎng)絡(luò)處理方面)、image-decoders(解析不同圖片格式方面)等

　　主要數(shù)據(jù)結(jié)構(gòu)

　　為了更加簡單有效的描述瀏覽網(wǎng)頁的內(nèi)容及過程，WebKit 為了明顯區(qū)分不同方面的內(nèi)容，采取了不同的namespace 如webcore、javascriptcore、webkit等，webcore 方面的主要數(shù)據(jù)結(jié)構(gòu)有： webcore::page 、 webcore::frame 、

　　webcore::FrameLoader 、webcore::FrameView 、Document 、DOMWindow 、KJSProxy 、DocumentLoader 、ResourceHandle 、ResourceRequest 、ResouceResponse、MainResourceLoader、RenderObject、RenderView等

　　總的說來，WebCore 包含了瀏覽器引擎的核心部分如處理html、dom、css、svg、獲取資源、渲染頁面過程控制、回調(diào)/通知外殼程序以及與Javascript 實(shí)現(xiàn)的Binding等等

　　2 port的內(nèi)容

　　Port 方面的主要內(nèi)容在于提供不同的Port 接口供外部程序使用以及如何與外部程序交互，因?yàn)閃ebKit 中的其它兩部分WebCore、 Javascript 實(shí)現(xiàn)，從邏輯上講是不直接提供接口給外部程序使用的。同時(shí)為了完成瀏覽器的核心功能，WebKit 也需要從外部程序中通過Port 接口的方式獲取一些支持。

　　1 WebCore 交互接口

　　在 WebKit源代碼目錄結(jié)構(gòu)中WebKit目錄下分別包含gtk、mac、qt、win、wx 目錄，其分別對(duì)應(yīng)不同的Port 移植方式，在每一個(gè)目錄下面都包括WebCoreSupport 目錄，而在不同的WebCoreSupport目錄下分別包含有對(duì)類接口

　　WebCore::ChromeClient 、WebCore::ContextMenuClient 、WebCore::DragClient 、WebCore::EditorClient 、WebCore::FrameLoaderClient 、WebCore::InspectorClient 等的實(shí)現(xiàn)，它們代表外部程序提供給WebKit 內(nèi)部使用的接口實(shí)現(xiàn)，其中WebCore::ChromeClient、WebCore::FrameLoaderClient非常重要。

　　2 連接模塊 loader

　　對(duì)WebCore 中的page/loader 等方面的類提供對(duì)應(yīng)Port 的實(shí)現(xiàn)支持如

　　EventHandlerWin.cpp 、FrameLoaderWin.cpp 、DocumentLoaderWin.cpp、DocumentLoaderWin.cpp、WidgetWin.cpp、KeyEventWin.cpp等. Loader 是在WebKit 里面一個(gè)很重要的連接器，通過loader 發(fā)起IO下載網(wǎng)頁，再通過loader發(fā)起解析，已經(jīng)最后的渲染功能。

　　3 顯示模塊WebView和WebFrame

　　WebView 及WebFrame 主要功能是方便外部程序嵌入WebKit不同的Port 移植對(duì)WebView 及WebFrame的定義及實(shí)現(xiàn)有所不同，但其與WebCore中的Page、Frame 之間的關(guān)系圖描述相一致。

　　4 chrome中對(duì)Port移植方面的實(shí)現(xiàn)

　　其基本上與其他Port 移植類似，其主要代碼在webkitglue 目錄中，可重點(diǎn)關(guān)注帶client_impl.cc 后綴的文件、webview_impl.cc、webwidget_impl.cc 等。但是其究竟如何創(chuàng)建原生windows 窗口、如何創(chuàng)建Render 進(jìn)程、 Render 進(jìn)程與創(chuàng)建

　　的原生windows 窗口的關(guān)系如何等需要更進(jìn)一步深入研究Chrome，如果能從上面提到的Port部分入手也許很快就可得到答案。

　　5 Android中對(duì)Port移植方面的實(shí)現(xiàn)

　　其實(shí)現(xiàn)有點(diǎn)特殊，由于Andriod 將WebKit 以一個(gè)Java 類接口的方式提供給Java 環(huán)境使用(不像上面提到的Chrome、Safari 等都是將WebKit 以一個(gè)C++動(dòng)態(tài)或靜態(tài)庫的方式供C/C++外部程序調(diào)用)，這樣WebKit 內(nèi)部與外部即JavaVM 的交互(如上面提到的ChromeClient、FrameLoaderClient 接口實(shí)現(xiàn))需要一個(gè)Bridge 類來協(xié)調(diào)處理，同時(shí)WebView、WebFrame 接口綁定給JavaVM 的jni 接口實(shí)現(xiàn)也需要通過這個(gè)Bridge 來支持協(xié)調(diào)處理。具體可詳細(xì)參考android源碼代碼中WebCoreplatformandroid目錄下的源文件。

　　篇二：webkit開發(fā)學(xué)習(xí)筆記

　　由于工作需要，最近在準(zhǔn)備一個(gè)介紹webkit的PPT文檔，我個(gè)人斷斷續(xù)續(xù)學(xué)習(xí)webkit的代碼也有一年多了，其間也閱讀了網(wǎng)上的一些webkit相關(guān)技術(shù)文章，但中文的資料很少，大部分都是english的，有些E文資料還需要翻墻。平常由于自已記性不好，去年看過的一些模塊今年再去翻時(shí)，竟然沒一點(diǎn)印象了，悲劇??

　　所以，借此機(jī)會(huì)，把自已對(duì)webkit的理解先做下筆記，以便于以后需要時(shí)可以方便查閱。需要說明的是，筆記記錄的有我個(gè)人的理解，也有網(wǎng)上摘錄的片段和圖片，不一定正確，也會(huì)比較凌亂，希望看到的朋友及時(shí)指正，共同進(jìn)步。

　　一．

　　Webkit的由來

　　1．十幾年前的故事

　　1994年，Netscape瀏覽器曾占據(jù)整個(gè)瀏覽器市場的90%，風(fēng)頭無二（也很囂張）。但隨著微軟推出win95后，把IE 1.0做為win95的插件發(fā)布，開始挑戰(zhàn)Netscape的霸主地位，到發(fā)布IE 4.x，短短三年時(shí)間，打敗Netscape。這里面雖然說有與windows集成的原因，但從本身的功能上來講， IE從速度和對(duì)標(biāo)準(zhǔn)的支持上來講，已真正打敗了Netscape。

　　此階段的瀏覽器可稱為第一代瀏覽器。它的主要特點(diǎn)是單窗口型式。競爭的最主要是訪問速度、兼容性。原因：90年代都大多是用modem撥號(hào)上網(wǎng)，56K/S。

　　2．Webkit出生

　　Apple公司在它的Mac OS X里，集成了基于KHTML 改進(jìn)型的 WebKit 引擎的瀏覽器，命名為：Safari，當(dāng)年蘋果比較了 Gecko 和 KHTML 后，之所以選擇了后者，就因?yàn)樗鼡碛星逦脑创a結(jié)構(gòu)、極快的渲染速度。（KHTML是由KDE 小組開發(fā)的）

　　隨后， apple將它開源。

　　至此，第二代瀏覽器，基本上是三分天下：

　　Trident: IE系列，以Trident 作為內(nèi)核引擎;

　　Gecko: Firefox 是基于 Gecko 開發(fā);

　　WebKit: Safari, Google Chrome, 搜狗雙核瀏覽器(集成IE和chrome), QQ瀏覽器5。

　　WebKit 內(nèi)核在手機(jī)上的應(yīng)用也十分廣泛，例如 Google 的手機(jī) Gphone、 Apple 的 iPhone, Nokia’s Series 60 browser 等所使用的 Browser 內(nèi)核引擎，都是基于 WebKit。

　　總結(jié)：

　　webkit是什么？

　　答：Webkit是一套瀏覽器排版代碼，已開源，主要由apple公司在維護(hù)。強(qiáng)調(diào)： webkit僅僅是一套排版引擎，

　　舉個(gè)例子說明下：

　　google的chrome是一個(gè)瀏覽器對(duì)吧，那chrome主要包含以下模塊：外殼UI（多標(biāo)簽，菜單，狀態(tài)欄，網(wǎng)址輸入欄等），讀取網(wǎng)絡(luò)數(shù)據(jù)的模塊，排版解析模塊，JS解析引擎。外殼UI是google自已寫的，js引擎是google寫的V8, 讀取網(wǎng)絡(luò)數(shù)據(jù)模塊用的winhttp，只有排版引擎用的webkit。

　　不知道我說清楚了沒，呵呵。

　　WebKit is an open source Web content engine for browsers and other applications. We value real-world web compatibility, standards compliance, stability, performance, security, portability, usability, and relative ease of understanding and modifying the code (hackability).

　　二． Webkit編譯環(huán)境

　　Webkit的官網(wǎng)：/retype/zoom/5b3f590ceff9aef8941e0617?pn=4&x=0&y=0&raww=626&rawh=719&o=png_6_0_0_135_113_704_808_892.979_1262.879&type=pic&aimh=551.3099041533546&md5sum=a27dea88b29041c789cb0213818b8bbc&sign=171bf19a9b&zoom=&png=87947-148147&jpg=0-0" target="_blank">點(diǎn)此查看

　　編譯運(yùn)行。在Visual Studio中設(shè)置browser工程為主工程，然后編譯。可以順利編譯完成，下面是運(yùn)行后的效果圖。

　　4. 最最簡單的webkit學(xué)習(xí)環(huán)境-ISee

　　5. Isee是一位中國人移植的webkit，在winxp下用vs2008直接編譯即可調(diào)試，用于學(xué)習(xí)

　　最好，強(qiáng)烈支持，也是一位同事推薦給我的，后面的代碼走讀主要基于該環(huán)境。

　　6. Isee還可以直接移植到wince平臺(tái)運(yùn)行噢。

　　7. 官網(wǎng)：

　　備注：原作者已經(jīng)不再維護(hù)了。所以webkit內(nèi)核的版本號(hào)有點(diǎn)老。

　　8. webkit在vs2008中編譯

　　見 :

　　三． Webkit整體介紹

　　1. Webkit的結(jié)構(gòu)圖(以ISee架構(gòu)舉例)：

　　篇三：WebKit 學(xué)習(xí)文檔

　　WebKit gtk+學(xué)習(xí)文檔

　　簡介 WebKit 是一個(gè)開源瀏覽器網(wǎng)頁排版引擎，與之相應(yīng)的引擎有Gecko（Mozilla，F(xiàn)irefox 等使用的排版引擎）和Trident（也稱為MSHTML，IE 使用的排版引擎）。同時(shí)WebKit 也是蘋果Mac OS X 系統(tǒng)引擎框架版本的名稱，主要用于Safari，Dashboard，Mail 和其他一些Mac OS X 程序。WebKit 所包含的 WebCore 排版引擎和 JSCore 引擎來自于 KDE 的 KHTML 和 KJS開源項(xiàng)目，當(dāng)年蘋果比較了 Gecko 和 KHTML 后，仍然選擇了后者，就因?yàn)樗鼡碛星逦脑创a結(jié)構(gòu)、極快的渲染速度。

　　目前使用WebKit 引擎的瀏覽器主要有：Safari(apple出品)，Midori，chrome(google出品)等。

　　Adobe AIR也采用了WebKit渲染HTML。

　　一、用到的庫：

　　除了平臺(tái)相關(guān)的庫， WebKit 需要用到的一些主要的后臺(tái)庫有：

　　ICU ： International Components for Unicode ，一個(gè)成熟，廣泛使用的一套為 C / C + + 和 Java 庫提供 Unicode 的全球化支持軟件；

　　XSLT ： eXtensible Stylesheet Language Transformation, W3C 定義的用于 XML 文檔轉(zhuǎn)換的規(guī)范； Curl ：一個(gè)利用 URL 語法的命令行數(shù)據(jù)傳輸工具，基于 libcurl 。

　　Sqlite ： SQLite 是實(shí)現(xiàn)了 SQL92 標(biāo)準(zhǔn)的 SQL 數(shù)據(jù)庫引擎，它能在一個(gè)庫里組合數(shù)據(jù)庫引擎和接口，將所有數(shù)據(jù)存儲(chǔ)于單個(gè)文件；

　　Gperf ：一個(gè)很完美的哈希函數(shù)生成器； Flex ： Fast Lex, 快速詞法分析生成器； Bison ：語法分析生成器，可以將一段帶注釋的上下文無關(guān)語法轉(zhuǎn)化成 LALR 或 GLR 語法； Enchant ：一個(gè)拼寫檢查庫，提供單詞的拼寫檢查、糾錯(cuò)等功能；

　　二、代碼目錄結(jié)構(gòu)

　　WebKitTools：一些測(cè)試 WebKit 實(shí)現(xiàn)功能的程序； WebKit：此目錄位于 WebKit 的最上層，定義了與應(yīng)用相關(guān)的一些接口，因此它是平臺(tái)相關(guān)的，子目錄是對(duì)應(yīng)平臺(tái)的完整實(shí)現(xiàn)：

　　WebCore： WebKit 的核心部分，定義了瀏覽相關(guān)的數(shù)據(jù) IO 、頁面加載、腳本分析、 UI xml：提供 xml 相關(guān)的內(nèi)容；組織、事件處理、網(wǎng)絡(luò)分析、平臺(tái)相關(guān)的具體實(shí)現(xiàn)等內(nèi)容。

　　html：提供 html 相關(guān)的內(nèi)容；其下的 Canvas 目錄定義了 3D 畫布以及 WebGL 庫相關(guān)的內(nèi)容；

　　wml: Wireless Markup Language ； css：提供 css 相關(guān)的內(nèi)容； dom：提供 dom 相關(guān)的內(nèi)容； editing：編輯相關(guān)的功能； page：瀏覽相關(guān)內(nèi)容，并非是我們看到的一個(gè)頁面，在一次瀏覽會(huì)話中，它只有一個(gè)實(shí)例； rendering：頁面渲染相關(guān)的內(nèi)容，在對(duì)頁面腳本進(jìn)行 DOM 樹分析之后，需要對(duì)這些元素進(jìn)行渲染和顯示；

　　notification：內(nèi)部模塊間的事件通信； history：頁面瀏覽歷史記錄相關(guān)的內(nèi)容； svg：矢量圖形功能，有選項(xiàng)， --svg ；

　　mathml： W3C 為網(wǎng)頁中的數(shù)學(xué)表達(dá)式制定的規(guī)范；有編譯選項(xiàng)， --mathml ； loader加載資源及 Cache ；：

　　workers：“ Web Workers 為 WEB 前端網(wǎng)頁上的腳本提供了一種能在后臺(tái)進(jìn)程中運(yùn)行的方法。一旦它被創(chuàng)建， Web Workers 就可以通過 postMessage() 向任務(wù)池發(fā)送任務(wù)請(qǐng)求，執(zhí)行完之后再通過 postMessage() 返回消息給創(chuàng)建者指定的事件處理程序 ( 通過 onmessage 進(jìn)行捕獲 ) 。

　　Web Workers 進(jìn)程能夠在不影響用戶界面的情況下處理任務(wù)，并且，它還可以使用 XMLHttpRequest 來處理 I/O ，無論 responseXML 和 channel 屬性是否為 null 。”

　　storage ： Web Storage 相關(guān)的內(nèi)容，保存頁面的數(shù)據(jù)，可以看成是 Cookie 的升級(jí)； websockets ：與網(wǎng)絡(luò)連接相關(guān)的內(nèi)容； bridge: 主要包含 NPPlugin(Netscape Plugin) 方面的接口訪問等內(nèi)容； binding ： Dom 與 JavaScriptCore 綁定的功能；

　　accessibility ：提供控件的可用性相關(guān)的內(nèi)容， accessibility 常用來形容對(duì)一些特殊人群的功能支持，比如殘障者、老人等；

　　icu ：里面放了專門為 Mac OS X 10.4 編譯的 icu 相關(guān)頭文件； platform ：提供了平臺(tái)相關(guān)的具體實(shí)現(xiàn)，如事件響應(yīng)、本地化、網(wǎng)絡(luò)連接等； plugins ：插件相關(guān)內(nèi)容； ForwardingHeaders ：頭文件；

　　inspector ： Inspector 是 WebKit 提供的查看網(wǎng)頁源代碼， DOM 樹，以及調(diào)試腳本的工具，本目錄包含了實(shí)現(xiàn)此功能的內(nèi)容；

　　English.lproj ：本地化文件； Resources ：資源，圖標(biāo)；

　　WebCore.gyp ：工程文件。 GYP （ Generate Youre Project ）是 google 自己開發(fā)了一個(gè)腳本工具，這個(gè)工具也是采用 python 編寫的。它采用了自定義的一套規(guī)則，用于生成各種工程文件；

　　JavaScriptGlue JavaScriptCore ：有關(guān) JavaScript 的相關(guān)內(nèi)容，包括了腳本解釋器、分析器以及執(zhí)行程序； PlanetWebkit: 一個(gè)比較靈活的 RSS 閱讀器； Webkit 網(wǎng)站上的 Planet ：一站式的 Webkit 開發(fā)與動(dòng)態(tài)信息；

　　三、體系結(jié)構(gòu)

　　WebKit 主要包括三部分： WebKit ， WebCore ，以及 JavaScriptCore ，加上所使用的庫，依托的平臺(tái)，其基本的體系結(jié)構(gòu) (Architecture) 如下所示：

　　注意有的模塊相對(duì)于下面的模塊有突出，這是因?yàn)榇四K與下面幾個(gè)模塊直接相關(guān)，比如 WebCore 模塊就與JavaScriptCore 、 Libraries 和 Platforms 模塊直接相關(guān)。

　　四、Webkit/gtk +中下層與gtk的接口

　　WebKit中實(shí)現(xiàn)網(wǎng)頁上所有信息的顯示一部分是由WebKit本身畫出來的，一部分是利用gtk的接口實(shí)現(xiàn)部分對(duì)象的顯示，其中本身畫出來的部分的代碼實(shí)現(xiàn)部分主要位于editing和rendering兩個(gè)目錄下，利用gtk提供的一些控件的接口實(shí)現(xiàn)網(wǎng)頁上一些對(duì)象的顯示主要集中于platform/gtk/目錄下：

　　./platform/gtk/RenderThemeGtk.cpp

　　./platform/gtk/ContextMenuGtk.cpp

　　./platform/gtk/FileChooserGtk.cpp

　　./platform/gtk/WidgetGtk.cpp

　　./platform/gtk/Language.cpp

　　./platform/gtk/PasteboardGtk.cpp

　　./platform/gtk/CursorGtk.cpp

　　./platform/gtk/ContextMenuItemGtk.cpp

　　./platform/gtk/ScrollbarGtk.cpp

　　./platform/gtk/LocalizedStringsGtk.cpp

　　./platform/gtk/DragImageGtk.cpp

　　./platform/gtk/PlatformScreenGtk.cpp

　　./platform/gtk/PopupMenuGtk.cpp

　　./platform/gtk/PasteboardHelper.cpp

　　./platform/gtk/GRefPtrGtk.cpp

　　./platform/gtk/ScrollbarThemeGtk.cpp

　　./platform/gtk/ScrollViewGtk.cpp

　　./platform/gtk/ClipboardGtk.cpp

　　./platform/gtk/GtkPluginWidget.cpp

　　./platform/network/soup/ResourceHandleSoup.cpp

　　./platform/graphics/gtk/IconGtk.cpp

　　./platform/graphics/gtk/FontPlatformDataPango.cpp

　　./platform/graphics/gtk/ImageGtk.cpp

　　./platform/graphics/cairo/FontPlatformDataCairo.cpp

　　./plugins/gtk/PluginViewGtk.cpp

　　1、

　　各個(gè)文件實(shí)現(xiàn)的功能 RenderThemeGtk.cpp

　　該文件主要實(shí)現(xiàn)了對(duì)一些基本控件的創(chuàng)建與屬性的設(shè)置，例如：button,Toggle,Checkbox,RadioMenuList,Text,Background,Foreground,ListBox,Container,Entry,TreeView,MediaSlider等

　　ContextMenuGtk.cpp 該文件主要是對(duì)文本菜單(ContextMenu)的創(chuàng)建 FileChooserGtk.cpp 該文件中包含兩個(gè)函數(shù)： static bool stringByAdoptingFileSystemRepresentation(gchar* systemFilename, String& result); 該函數(shù)是得到systemFilename中所包含的文件的名稱，通過result值返回

　　String FileChooser::basenameForWidth(const Font& font, int width) const;

　　通過給定文本的字形名稱，和一定的寬度，從而得到該長度下可以顯示最長文本信息 WidgetGtk.cpp

　　該文件主要是對(duì)widget的一些屬性的設(shè)置，例如：光標(biāo)、焦點(diǎn)、顯示，隱藏，還有對(duì)widget自身的新建與銷毀等等

　　Language.cpp

　　該文件僅包含一個(gè)函數(shù)：

　　String defaultLanguage();

　　該函數(shù)實(shí)現(xiàn)返回當(dāng)前默認(rèn)的語言類型

　　PasteboardGtk.cpp

　　該文件主要是對(duì)剪貼板的操作，文件中所包含的函數(shù)主要有：

　　static void clipboard_get_contents_cb(GtkClipboard *clipboard, GtkSelectionData *selection_data, guint info, gpointer data);

　　得到指定剪貼板當(dāng)前的內(nèi)容

　　static void clipboard_clear_contents_cb(GtkClipboard *clipboard, gpointer data);

　　清空指定剪貼板中當(dāng)前的內(nèi)容

　　Pasteboard* Pasteboard::generalPasteboard();

　　創(chuàng)建一新的剪貼板

　　void Pasteboard::writeSelection(Range* selectedRange, bool canSmartCopyOrDelete, Frame* frame);

　　存儲(chǔ)所選內(nèi)容至剪貼板中

　　void Pasteboard::writePlainText(const String& text);

　　保存純文本至剪貼板中

　　void Pasteboard::writeURL(const KURL& url, const String&, Frame* frame);

　　保存URL至剪貼板中

　　void Pasteboard::writeImage(Node* node, const KURL&, const String&);

　　保存圖片文件至剪貼板中

　　void Pasteboard::clear();

　　清除默認(rèn)剪貼板中的內(nèi)容

　　PassRefPtrPasteboard::documentFragment(Frame* frame, PassRefPtrcontext, bool allowPlainText, bool& chosePlainText);

　　//欠缺

　　String Pasteboard::plainText(Frame* frame);

　　返回當(dāng)前剪貼板中的純文本內(nèi)容

　　CursorGtk.cpp

　　該文件主要實(shí)現(xiàn)了對(duì)各種不同光標(biāo)類型的的創(chuàng)建

　　ContextMenuItemGtk.cpp

　　該文件主要實(shí)現(xiàn)了對(duì)文本菜單的一些操作，例如：

　　static const char* gtkStockIDFromContextMenuAction(const ContextMenuAction& action); 根據(jù)所操作的對(duì)象得到它所對(duì)應(yīng)的stockID

　　GtkMenuItem* ContextMenuItem::createNativeMenuItem(const PlatformMenuItemDescription& menu);

　　創(chuàng)建菜單項(xiàng)

　　void ContextMenuItem::setSubMenu(ContextMenu* menu);

　　篇四：WebKit學(xué)習(xí)大綱

　　《webkit入門準(zhǔn)備》

　　1. 1. C++

　　a) Webkit代碼風(fēng)格

　　2. 2.

　　3. 3.

　　Inline Const 構(gòu)造與析構(gòu) 重載繼承泛式編程 Vector/List/HashTable Iterator 智能指針面向?qū)ο缶幊?對(duì)象概念設(shè)計(jì)模式

　　4. 4. 調(diào)試、測(cè)試及工具

　　a) Gcc及Makefile

　　b) Trace

　　c) VC

　　d) Gdb

　　e) Alert及javascript調(diào)試

　　f) GUN binary工具

　　g) JsUnit

　　h) Javascript框架Dojo

　　i) JsDoc

　　j) JsLint

　　k) HTML Validator

　　l) Dom inspector

　　m) Xml spy

　　n) 標(biāo)準(zhǔn)測(cè)試用例

　　5. 5. 性能分析

　　a) Gprof

　　6. 6. Socket

　　7. 7. 編譯原理

　　a) 詞法

　　b) 語法

　　8. 8. 操作系統(tǒng)

　　a) Linux線程

　　b) Linux 內(nèi)存

　　c) 編譯與鏈接

　　9. 《體系結(jié)構(gòu)詳解》

　　1. 瀏覽器功能結(jié)構(gòu)

　　2. 瀏覽器結(jié)構(gòu)

　　3. Webkit體系結(jié)構(gòu)

　　4. WebKit目錄結(jié)構(gòu)

　　5. WebKit編譯

　　10. 《HTML引擎詳解》

　　1. HTML語法

　　2. Dom Core

　　3. Dom Event

　　4. Dom Html

　　5. 焦點(diǎn)處理

　　6. HTML擴(kuò)展

　　11. 《JS引擎詳解》

　　1. Javascript語法

　　2. JS Binding

　　3. JS Interpreter

　　4. GarbageCollect

　　5. javascript擴(kuò)展

　　12. 《CSS排版詳解》

　　1. CSS語法

　　2. Dom-CSS

　　3. Dom-Style

　　4. Paint

　　5. CSS風(fēng)格擴(kuò)展

　　13. 《CURL、SSL詳解》

　　1. Loader

　　2. Curl

　　3. HTTP

　　4. SSL

　　14. 《XML引擎詳解》

　　1. XML

　　2. Ajax

　　15. 《TCMalloc內(nèi)存管理機(jī)制》

　　1. 內(nèi)存池

　　2. TcMalloc

　　16. 《其它》

　　1. WebKit外殼封裝

　　2. Plugin插件機(jī)制

　　篇五：webkit用例審核及處理方法(初稿)-leo

　　webkit用例審核及處理方法

　　1. 前言

　　Webkit官方用例大約有3萬，現(xiàn)已通過自動(dòng)化方式將一半的用例添加進(jìn)入日常的LayoutTests測(cè)試集中。還有一般需要人工地過濾，看不過的原因是什么。

　　2. 用例類型說明及舉例

　　按照測(cè)試用例給出的預(yù)期結(jié)果類型，可以將用例分為：文本型（TextResult）、圖片型（PixelResult）、Render樹型（RenderTreeResult）、HTML型（工具暫不支持）、其他特殊類型（例如，預(yù)期是音頻、pdf文件的用例，暫不支持）。

　　文本型：測(cè)試結(jié)果標(biāo)注為TextResult，預(yù)期文件為-expected.txt，內(nèi)容是：該用例使用瀏覽器打開后顯示的文字信息，如果有圖片，也不會(huì)出現(xiàn)在txt文件里的。用例源碼js有testRunner.dumpAsText()或testRunner.dumpAsText(false)調(diào)用。例如：

　　圖片型：測(cè)試結(jié)果標(biāo)注為PixelResult，預(yù)期文件為-expected.png：該用例使用瀏覽器打開完全后的截屏文件。用例源碼js有testRunner.dumpAsText(true)調(diào)用。

　　Render樹型：測(cè)試結(jié)果標(biāo)注為RenderTreeResult，預(yù)期文件一般會(huì)給出-expected.txt和-expected.png，目前只做txt的對(duì)比，效率較高。txt內(nèi)容是該用例使用瀏覽器排版之后的RenderTree結(jié)構(gòu)。用例源碼js沒有調(diào)用testRunner.dumpAsText()這樣的方法（目前還沒出錯(cuò)，不知道其他不通過的用例會(huì)不會(huì)存在誤判）。例如：

　　Html型：暫時(shí)不支持測(cè)試，給出的預(yù)期文件是-expected.html，主要是根據(jù)預(yù)期文件類型來判斷。

　　其他類型：用例給出的預(yù)期文件是txt、png、html以外的其他類型，比如-expected.pdf，-expected.audio等。主要是根據(jù)預(yù)期文件類型判斷，這些特殊用例不支持測(cè)試。

　　更詳細(xì)的介紹說明見附件《LayoutTests測(cè)試用例編寫.docx》

　　3. 不通過用例處理方法和歸類

　　3.1處理方法

　　對(duì)于目前還未通過測(cè)試的15k用例建立excel表格記錄分析處理結(jié)果。表格設(shè)計(jì)如下：

　　測(cè)試同學(xué)目前需要做的工作：根據(jù)該文檔的說明，逐一分析未通過用例，將分析的結(jié)果填入表格。

　　開發(fā)同學(xué)根據(jù)表格信息快速定位，進(jìn)一步分析根本原因，或者修改用例或者查內(nèi)核缺陷。優(yōu)先級(jí)高的問題已注明提t(yī)apd，開發(fā)優(yōu)先解決這些問題。個(gè)別內(nèi)核缺陷會(huì)轉(zhuǎn)給項(xiàng)目組其他相關(guān)開發(fā)同學(xué)跟進(jìn)。

　　3.2歸類

　　對(duì)不通過的用例結(jié)果和基準(zhǔn)對(duì)比，分析原因歸類，分為：

　　1、（用例在）目錄測(cè)試時(shí)crash：測(cè)試該用例目錄時(shí)，該用例必現(xiàn)crash，但是單獨(dú)測(cè)試該用例時(shí)并不會(huì)crash，原因應(yīng)該和前后用例行為有關(guān)，需要整個(gè)目錄測(cè)試復(fù)現(xiàn)問題解決。處理方法：提t(yī)apd bug。

　　2、內(nèi)核crash：用例使用瀏覽器打開過程必然crash。處理方法：提t(yī)apd bug。

　　3、工具crash：用例不會(huì)在瀏覽器打開過程crash，但是單獨(dú)測(cè)試時(shí)比如crash。處理方法：提t(yī)apd bug。

　　4、（測(cè)試用例）內(nèi)核不支持：測(cè)試用例調(diào)用了某些js方法，需要內(nèi)核專門支持測(cè)試而增加的，目前X5內(nèi)核還不能支持。處理方法：將分析的原因填入對(duì)應(yīng)的excel表格，調(diào)用的特殊js對(duì)象描述清楚，方便后期確定是否實(shí)現(xiàn)支持。

　　5、（測(cè)試用例）工具不支持：測(cè)試用例中，testRunner調(diào)用了某些js方法并未實(shí)現(xiàn)，例如testRunner.display()。處理方法：將分析的原因填入對(duì)應(yīng)的excel表格，調(diào)用的特殊方法描述清楚，方便后期繼續(xù)跟進(jìn)。

　　6、（測(cè)試工具）類型判斷錯(cuò)誤：工具判斷出來的用例類型和用例給出的基準(zhǔn)文件判斷的類型不一致。處理方法：將原因填入對(duì)應(yīng)的excel表格。

　　7、內(nèi)核缺陷：工具和內(nèi)核對(duì)用例測(cè)試完全支持，測(cè)試結(jié)果和預(yù)期存在差異，判定為內(nèi)核邏輯缺陷。處理方法：將原因填入對(duì)應(yīng)excel表格。

　　8、html型用例：用例給出的預(yù)期文件是expected.html，工具暫不支持測(cè)試。處理方法：將原因填入對(duì)應(yīng)excel表格。

　　9、其他類型用例：用例給出的預(yù)期文件類型不是txt、png、html（htm）之一的，工具暫不支持。處理方法：將原因填入對(duì)應(yīng)excel表格。

　　10、其他原因：不能歸入前9類的另類原因。

　　4. 審核步驟、歸類及處理方法

　　注：所有提t(yī)apd的bug請(qǐng)標(biāo)題注明 LayoutTests，處理人leolincao、totorima

　　首先，打開目錄對(duì)應(yīng)的Details.html文件，逐一審核未通過的用例。

　　4.1 分析Crash用例

　　Details.html文件中，注明是CrashedDummyResult，該用例測(cè)試過程crash。

　　1、單獨(dú)測(cè)試該用例是否crash，如果沒有crash，歸類為：目錄測(cè)試時(shí)crash。

　　2、使用瀏覽器打開該用例，如果crash，歸類為：內(nèi)核crash，提t(yī)apd；否則歸類為：工具crash，提t(yī)apd。

　　4.2 分析Timeout用例

　　Details.html文件中，用例后面有黃色底色的TIMED OUT標(biāo)識(shí)用例。

　　TIMED OUT用例大多數(shù)原因是用例調(diào)用的部分js對(duì)象方法不支持，導(dǎo)致js執(zhí)行中止；js執(zhí)行了testRunner.waitUntilDone ()，但testRunner.waitUntilDone()未能執(zhí)行。

　　1、查看用例源碼，包括html和js資源文件。

　　2、閱讀主要的js代碼，是否存在特殊的js對(duì)象調(diào)用。

　　如果存在window調(diào)用了未知的js對(duì)象（testRunner例外），歸類為：內(nèi)核不支持。記錄下window調(diào)用的未知js對(duì)象名稱。

　　如果存在testRunner調(diào)用js方法，除了一下這些方法外，還存在其他方法，歸類為：工具不支持。記錄下testRunner調(diào)用的未知js對(duì)象名稱。testRunner支持的方法有：clearAllDatabases()、dumpAsText()(包括帶參和不帶參)、dumpChildFramesAsText()、dumpDatabaseCallbacks()、notifyDone() 、overridePreference()、setAppCacheMaximumSize()、setCanOpenWindows()、setDatabaseQuota() 、setXssAuditorEnabled()、waitUntilDone()。

　　3、還不能確定的歸類為：其他原因。

　　4.3預(yù)期文件找不到

　　Details.html文件中，如果測(cè)試結(jié)果Expected result欄為空（圖片類型用例PixelResult例外），可以判斷為預(yù)期文件找不到，先到platform/mac或者platform/win目錄（優(yōu)先選擇mac目錄）結(jié)合用例相對(duì)路徑尋找對(duì)應(yīng)expected文件（例如：fast/1.html的預(yù)期結(jié)果可能會(huì)在platform/mac/fast/或者platform/win/fast/下面），復(fù)制到用例所在目錄。然后重新測(cè)試，如果測(cè)試通過，將用例加入DB測(cè)試集，否則根據(jù)測(cè)試結(jié)果重新判斷歸類。（圖片用例的判斷有專門章節(jié)繼續(xù)說明）

　　預(yù)期找不到用例：

　　4.4類型判斷不準(zhǔn)確

　　Details.html文件中，根據(jù)給出的預(yù)期結(jié)果判斷該用例測(cè)試類型（TextResult、RenderTreeResult、PixelResult），或者在用例路徑找到對(duì)應(yīng)的expected文件，判斷用例類型，如果根據(jù)預(yù)期結(jié)果判斷的類型和測(cè)試結(jié)果給出的測(cè)試類型不一致，歸類為：類型判斷錯(cuò)誤。

　　根據(jù)前面的規(guī)則判斷之后，其他的未通過用例按照類型詳細(xì)說明：

　　4.5圖片類型用例

　　Details.html文件中，被表示為PixelResult的用例。

　　1、在用例所在目錄尋找對(duì)應(yīng)的expected文件。

　　2、如果不存在對(duì)應(yīng)的expected文件，按照“預(yù)期文件找不到”章節(jié)處理方法處理，判斷結(jié)束。

　　3、根據(jù)預(yù)期文件判斷是否工具類型判斷錯(cuò)誤，若是，歸類為：類型判斷錯(cuò)誤。

　　4、人工對(duì)比預(yù)期圖片和測(cè)試生成的-actual.img，如果人工判斷一致，將生成的-actual.img代替預(yù)期圖片，加入DB測(cè)試集；否則，歸類為：內(nèi)核缺陷。

　　4.6 RenderTree類型用例

　　Details.html文件中，被表示為RenderTreeResult的用例。

　　1、從Details.html對(duì)比分析生成的txt差異，如果整個(gè)文檔RenderTree結(jié)構(gòu)一樣，個(gè)別元素差異一兩個(gè)像素，可以通過瀏覽器打開該用例查看顯示同chrome uc等瀏覽器打開頁面的顯示對(duì)比，如果一樣，可以使用生成的-actual.txt代替基準(zhǔn)提交到DB測(cè)試集。

　　2、如果Details.html中對(duì)比文檔的RenderTree結(jié)構(gòu)存在差異，則歸類為：內(nèi)核缺陷。

　　4.7文本類型用例

　　Details.html文件中，被表示為TextResult的用例。

　　1、從Details.html對(duì)比分析生成的txt差異，如果對(duì)比差異僅僅是個(gè)別字段值不一致，歸類為：內(nèi)核缺陷。

　　2、如果-actual.txt結(jié)果和預(yù)期結(jié)果相比缺少很多行內(nèi)容，查看用例源碼，包括html和js資源文件。

　　3、閱讀主要的js代碼，是否存在特殊的js對(duì)象調(diào)用。

　　如果存在window調(diào)用了未知的js對(duì)象（testRunner例外），歸類為：內(nèi)核不支持。記錄下window調(diào)用的未知js對(duì)象名稱。

　　4、還不能確定的歸類為：其他原因。

　　4.8 html類型用例

　　根據(jù)預(yù)期文件判斷用例是html類型用例，歸類為：html型用例工具不支持。該類型用例后期需要支持。

【W(wǎng)ebkit 學(xué)習(xí)技巧】相關(guān)文章：

學(xué)習(xí)技巧與考試技巧11-13