Webkit 概述

我们已经知道,Android浏览器的内核是Webkit引擎,Webkit的前身是KDE小组的KHTML。Apple将KHTML发扬光大,推出了装备KHTML的改进型的Webkit引擎的浏览器Safari,获得了非常好的反响。Webkit内核在手机上的应用十分广泛,例如Google的手机Gphone,Apple的iPhone,Nokia的Series 60 browser等所有使用的Browser内核引擎,都是基于Webkit。随着计算机、手机及连网装置的普及,未来终端运算都会在云端执行,目前云计算技术在网络服务中已经随处可见,例如搜索引擎、网络信箱等,使用者只要输入简单指令即能得到大量信息。未来的手机GPS等行动装置都可以透过云计算技术,发展出更多的应用服务。因此人们只要拥有一个功能强大的浏览器,就能满足平时工作生活的需要。

Webkit是一个开源浏览器网页排版引擎,与之相应的引擎有Gecko(Mozilla、firefox等使用的排版引擎)和Trident(也成为MSHTML,是IE使用的排版引擎)。同时,Webkit也是苹果Mac Os X系统引擎框架版本的名称,主要用于Safari、Dashboard、Mail和其他一些Mac OS X程序。Webkit所包含的WebCore排版引擎和JSCore引擎来自于KDE的KHTML和KJS,当年苹果比较了Gecko和KHTML后,仍然选择了后者,就因为它拥有清晰的源码结构、极快的渲染速度。而今Android系统也毫不犹豫地选择了Webkit。它具备触摸屏、高级图形显示和上网功能,用户能够在手机上查看电子邮件、搜索网址和观看视频节目等。可以看出这是一个非常强大的Web应用平台。

WebKit由3个模块组成:JavaScriptCore、WebCore和WebKit:

  • WebKit:整个项目名称。
  • JavaScriptCore:JavaScript解释器。
  • WebCore:整个项目的核心,用来实现Render引擎,解析Web页面,生成一个DOM树和一个Render树。
WebCore的主要功能有:
  • Page:与外框相关的内容(Frame,Page,History,Focus,Window)。
  • Loader:加载资源及Cache。
  • HTML:DOM HTML内容及解析。
  • DOM:DOM CORE 内容。
  • XML:XML内容及解析。
  • Render:排版功能。
  • CSS:DOM CSS内容。
  • Binding:DOM与JavaScriptCore绑定的功能。
  • Editing:所有与编辑相关的功能。
JavaScriptCore的主要功能有:
  • API:基本JavaScript功能。
  • Binding:与其他功能绑定的功能,如DOM、C,JNI。
  • DerviedSource:自动产生的代码。
  • ForwordHeads:头文件,无实际意义。
  • PCRE:Perl-Compatible Regular Expressions(Perl兼容的规则表达式)。
  • KJS:JavaScript内核。
  • WTF:KDE的C++模板库。
对WebKit各个模块的功能有了了解,下面我们看看WebKit的解析过程是怎样的。流程如下:
  • CURL获得网站的stream。
  • 解析划分字符串。
  • 通过DOM Builder按合法的HTML规范生成DOM树。
  • 如果有JavaScript,JSEngine就通过ECMA-262标准完善DOM树。
  • 把DOM传给LayoutEngine进行布局,如果有CSS样式,就通过CSSParser解析。
  • 最后Rending渲染出来。
而Google对WebKit进行了封装,为开发者提供了丰富的Java接口,其中最重要的便是android.webkit.WebView控件。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现一个简单的WebKit引擎是一个庞大且复杂的任务,但我可以为你提供一些基本的步骤和思路: 1. 了解WebKit的架构:WebKit是一个由多个模块组成的复杂引擎,包括渲染引擎、JavaScript引擎、网络模块等。首先需要深入了解WebKit的架构和各个模块之间的交互关系。 2. 实现HTML解析器:WebKit需要能够解析HTML文档并将其转换为DOM树。可以使用现有的HTML解析器库,如libxml2或者自己实现一个简单的解析器。 3. 构建DOM树:根据解析器生成的标记(Token),构建DOM树结构,将HTML标记转换为相应的DOM节点,并建立节点之间的关系。 4. 实现CSS解析器:CSS解析器用于解析样式表,并将其转换为可应用于DOM树的样式规则。可以使用现有的CSS解析器库,如libcss或者自己实现一个简单的解析器。 5. 应用样式:根据DOM树和样式规则,计算每个元素的最终样式,并将其应用于元素。 6. 实现渲染引擎:渲染引擎负责将DOM树和样式信息转换为可视化的界面。可以使用图形库或者绘图API来实现渲染引擎,将DOM树转换为像素。 7. 支持JavaScript执行:实现一个简单的JavaScript引擎,用于执行网页中的脚本代码。可以使用现有的JavaScript引擎,如V8或者自己实现一个简单的解释器。 8. 实现网络模块:WebKit需要支持网络请求和响应,可以使用现有的网络库,如libcurl,来处理HTTP请求和响应。 9. 处理用户交互:实现用户交互功能,例如处理鼠标点击、键盘输入等操作,并将其转发给相应的元素进行处理。 10. 添加其他高级功能:根据需要,可以添加其他高级功能,如缓存管理、多线程支持、安全性等。 需要注意的是,实现一个完整且功能齐全的WebKit引擎是一个非常复杂的任务,需要深入了解Web标准和相关技术,并具备扎实的编程和算法能力。以上步骤只是一个简单的概述,实际开发中会面临更多的挑战和细节。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值