简要的说，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的一个应用工具。