webkit技术详解.docxVIP

由于工作需要，最近在准备一个介绍webkit的PPT文档，我个人断断续续学习webkit的代码也有一年多了，其间也阅读了网上的一些webkit相关技术文章，但中文的资料很少，大部分都是english的，有些E文资料还需要翻墙。平常由于自已记性不好，去年看过的一些模块今年再去翻时，竟然没一点印象了，悲剧。。。所以，借此机会，把自已对webkit的理解先做下笔记，以便于以后需要时可以方便查阅。需要说明的是，笔记记录的有我个人的理解，也有网上摘录的片段和图片，不一定正确，也会比较凌乱，希望看到的朋友及时指正，共同进步。Webkit的由来十几年前的故事1994年，Netscape浏览器曾占据整个浏览器市场的90%，风头无二（也很嚣张）。但随着微软推出win95后，把IE 1.0做为win95的插件发布，开始挑战Netscape的霸主地位，到发布IE 4.x，短短三年时间，打败Netscape。这里面虽然说有与windows集成的原因，但从本身的功能上来讲， IE从速度和对标准的支持上来讲，已真正打败了Netscape。此阶段的浏览器可称为第一代浏览器。它的主要特点是单窗口型式。竞争的最主要是访问速度、兼容性。原因：90年代都大多是用modem拨号上网，56K/S。2．Webkit出生Apple公司在它的Mac OS X里，集成了基于KHTML 改进型的 WebKit 引擎的浏览器，命名为：Safari，当年苹果比较了 Gecko 和 KHTML 后，之所以选择了后者，就因为它拥有清晰的源码结构、极快的渲染速度。（KHTML是由KDE 小组开发的）随后， apple将它开源。至此，第二代浏览器，基本上是三分天下：　　Trident: IE系列，以Trident 作为内核引擎; 　　Gecko: Firefox 是基于 Gecko 开发; WebKit: Safari, Google Chrome,搜狗双核浏览器(集成IE和chrome), QQ浏览器5。WebKit 内核在手机上的应用也十分广泛，例如 Google 的手机 Gphone、 Apple 的 iPhone, Nokia’s Series 60 browser 等所使用的 Browser 内核引擎，都是基于 WebKit。总结：webkit是什么？答：Webkit是一套浏览器排版代码，已开源，主要由apple公司在维护。强调： webkit仅仅是一套排版引擎，举个例子说明下： google的chrome是一个浏览器对吧，那chrome主要包含以下模块：外壳UI（多标签，菜单，状态栏，网址输入栏等），读取网络数据的模块，排版解析模块，JS解析引擎。外壳UI是google自已写的，js引擎是google写的V8, 读取网络数据模块用的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编译环境Webkit的官网：/说明：下面的几种编译方法，越往下面看越简单噢。Webkit提供以下几种主要的编译环境1). Max os X(Xcode Tools package)2). Windows (Visual Studio)最为常用，毕竟用winxp系统的还是多数3).QT4).GTK具体的环境搭建见：/building/tools.htmlWebKit winxp下编译小结网上很多人抱怨webkit总是编译不过，确实， webkit没有提供一个下载代码后，直接可以用VS工具编译的方法，因为它用到了gcc编译环境，在windows下编译的话，需要安装cygwin才行，由于它的编译脚本用的perl，又需要安装perl的环境。总之比较麻烦。这也是因为网上的文章，有介绍QT安装环境的，有的是介绍官方webkit的安装环境的，还有的是介绍safari的，所以在网上查阅文档时一定要找到你相对应的才行。重点要注意的地方：下载Cygwin，一定要下载webkit提供的版本。用vs2005的话，一定要打SP1.QuickTime SDK和directX SDK必不可少。4.启动Cygwin ，安装官网方法，执行./WebkitTools/S