简要的说               ，WebKit由三个模块组成：JavaScriptCore
  
  
  
  
  
  
  、WebCore和WebKit               。WebKit作为了整个项目的名称
  
 
  
 
  
 
  
 
  
 
  
 
  
 
。

JavaScriptCore：是JavaScript解释器；

WebCore：是整个项目的核心
  
 
  
 
  
 
  
 
  
 
  
 
  
 
，用来实现render引擎：解析Web页面













，生成一个DOM树和一个render树 
  
  
  
  
  
  
  ，并最终render it with a backend（后端？）
  
  
  
  
  
  
  
，当前已经有很多移植的Backend
 


 


 


 


 


 


 

，如WebKit/GTK 
 
 
 
 
 
 
 ，WebKitQT等













。在上图中
   
   
   
   
   
   
   
，backend从WebCore中分离出来了
 

 

 

 

 

 

 
，但实际上它是WebCore的一部分 
  
  
  
  
  
  
  。

WebKit：它隐藏并选择WebCore到当前平台
  
  
  
  
  
  
  
。在WebKit/Gtk中 

 

 

 

 

 

 

 ，WebCore以Gtk objects的形式出现              ，并且它们的signals和API类似其他的Gtk objects.

WebKit工程组织与管理

平台与工具

当前WebKit支持四种平台：GTK  
  
  
  
  
  
  
 、QT
 


 


 


 


 


 


 


、Mac OS X
 
 
 
 
 
 
 、和Cygwin
 


 


 


 


 


 


 

。

GTK和QT使用qmake

Mac OS X使用xcodebuild

Cygwin则使用Visual Studio

下面主要针对Qt版的WebKit作分析介绍：

首先

 
 

 
 

 
 

 
 

 
 

 
 

 
 
，执行WebKitTools/Scripts下的build-webkit Perl脚本













，可以使用一些参数配置需要的功能模块                      ，主要有SVG的一些功能配置
 
 
 
 
 
 
 
 
 
 
 
 
 
 
，以及XPATH   
   
   
   
   
   
   
 、XSLT
 

 

 

 

 

 

 

、VIDEO等 
 
 
 
 
 
 
 。脚本执行过程中会对相应的参数进行解析




















，确定编译选项

 

 

 

 

 

 

 、功能模块               、平台信息以及相应的工具
 
 

 
 

 
 

 
 

 
 

 
 

 
 

、输出路径等等参数               ，最后根据不同的参数
  
 
  
 
  
 
  
 
  
 
  
 
  
 
，使用qmake工具由webkit.pro生成整个工程的makefile
   
   
   
   
   
   
   
。在make的过程中会进一步调用qmake由各个子模块的.pro项目文件生成各模块的makefile
 

 

 

 

 

 

 
。最后make各个子模块的makefile就可以得到需要的目标文件 

 

 

 

 

 

 

 。

工程结构

这个project可以分成JavaScriptCore













、WebCore                      、WebKit三个子模块













，对应到三个子目录 
  
  
  
  
  
  
  ，具体的如上面WebKit结构介绍的              。

更进一步
  
  
  
  
  
  
  
，整个project又分成了六个可构建出来的子project
 


 


 


 


 


 


 

，对应到相应的.pro文件

 
 

 
 

 
 

 
 

 
 

 
 

 
 
。

WebKit\WebCore\WebCore.pro：生成libQtWebKit.so或libQtWebKit.a 
 
 
 
 
 
 
 ，是整个WebKit引擎库
   
   
   
   
   
   
   
，WebKit应用都是基于这个库













。

WebKit\JavaScriptCore\kjs\testkjs.pro：生成testkjs可执行文件
 

 

 

 

 

 

 
，它是一个JavaScript的测试工具 

 

 

 

 

 

 

 ，测试JavaScriptCore模块的功能实现                      。

WebKit\JavaScriptCore\pcre\dftables.pro：生成dftables可执行文件              ，也是一个工具
 
 
 
 
 
 
 
 
 
 
 
 
 
 
。

WebKit\WebKit\qt\QtLauncher\QtLauncher.pro：生成QtLauncher可执行文件

 
 

 
 

 
 

 
 

 
 

 
 

 
 
，它是基于WebKit的一个简单浏览器的应用




















。

WebKit\WebKit\qt\Plugins\plugins.pro：生成了libqtwebico.so













，install后会放到/usr/lib/qt4/plugins/imageformats/下                      ，这个库的作用还不明了
 
 
 
 
 
 
 
 
 
 
 
 
 
 
，因为目前运行的QtLauncher应用没有用到它




















，有待研究               。

WebKit\WebKitTools\DumpRenderTree\qt\DumpRenderTree.pro：生成DumpRenderTree工具               ，也是基于WebKit的一个应用工具
  
 
  
 
  
 
  
 
  
 
  
 
  
 
。