开放源码的嵌入式浏览器概要设计

转载 2012年03月13日 14:37:53

开放源码的嵌入式浏览器概要设计  

2009-03-26 15:45:54|  分类: IT笔记|字号 订阅

 

开放源码的嵌入式浏览器概要设计 

 

Copyright (C) 2001, Red Flag Software, Co. Ltd. All rights reserved.

该文档仅用于内部技术交流。未经许可不得转载全部和部分内容,

禁止随意散发, 严禁用于商业目的。

 

【文档名称】开放源码的嵌入式浏览器概要设计

【文档编号】SUM-DESIGN-BROWSER-V1.0

【编写人员】孙勇

【编写日期】2001/09/03

【文档内容】本文档进行将进行浏览器的概要设计,主要集中在系统框架的搭建上

【主要内容】

【修订记录】

序号

修订内容

修订人、日期

 

 

 

嵌入式浏览器实现的总体目标

Konqueror以及Konq-Emb的基础上,实现以下的目标:

l          兼容HTML4.1

l          全面实现DOM Level1,部分实现DOM Level2Level3

l          支持样式单,基本实现CSS1和部分实现CSS2

l          基本实现DOMECMAScript的绑定,支持JavaScript1.4

l          支持多字节语言以及双向排版

l          采用ViewML中采用的”Glue Layer”方法,实现渲染部分和GUI平台无关

l          支持HTTP1.1协议,支持非阻塞网络访问,通过OpenSSL支持SSL

l          支持Cookie

l          支持Netscape规范的Plugin规范

l          内建支持多种图象格式

 

嵌入式浏览器整体结构及其概要设计

开放源码的嵌入式浏览器概要设计 - 闲云野鹤 - 终日乾乾,与时偕行

 我们简单的描述一下浏览器的工作过程:

              1. 通过网络读取一个HTML文件

              2. 交给XML/HTMLParser进行解析,在解析的过程中如果发现新的URL(主要是图片、样式单以及Jscript外部代码),提交给网络部分去读取

              3. 在解析的过程中按照DOM规范的要求形成一棵DOM

              4. 在形成DOM树的过程中,为每个DOM结点形成一个Render结点并且Render结点形成一棵Render树(Render树和DOM树的结构不一定相同)

              5. Render树进行排版,最后进行输出。

              6. 把解析过程中的JavaScript代码交给JavaScript解释引擎去解释执行。

接下来,我们对每个模块进行概要设计

Render部分的概要设计

设计思路

Render部分相连比较紧密的CSS部分,基本上是对CSS语法的分析,生成相应的属性和选择符,这部分与底层的GUI无关不需要大的改动,Kong-embRender类排版部分实现基本上也是与GUI无关,包括layoutcalWidthcalHeightcalMinMaxWidth等等就不需要做什么大的改动。需要改动的地方主要是最后Render类的绘制,它是依赖与底层GUI的,下面,我们就简要说一下实现思路。

Qt模拟层

Konq-embRender部分的实现是基于Qt的,因此需要把实现当中的Qt部分去掉。事实上Qt有着自己比较独特的signal-slot的机制,因此模拟siganl-slot机制肯定是我们的首要任务,我们可以访照Qt的实现,仍然采用Qtmoc预编译工具。

              1. 实现一个QObject类,这个类主要包括connectdisconnectactivate_signale函数的实现。                                                     

              2. 实现一个QMetaObject,这个类主要是维护signal/slot的资料,它应该是内聚在Qobject中的Qobject的函数的实现最终要依赖它来实现,存储了一些signal,slot的名字和它所对应的函数指针,这样就可以由QObject调用相应的槽函数。

Qt-widget的替换

Kong-embRender类里面基本上可以分为两类一种是和Qt-widget紧密相连的类,另外一部分是没什么大关系的,主要是利用QPaintQcolor进行一些图形的绘制工作,这一部分说作的工作并不是很大。另一部分和Qwidget相关的Render,这些类主要是RenderFormElement类的孩子类,这些类都有一个成员m_widgetm_widget是用Qt-widget实现的,并且做了一些相关的消息处理机制的设置,因此这部分我们要做的工作是用mini-guiwidget来代替它原来的widget实现。

QEvent的模拟

Render类里面,有一些函数是处理Qt-widget的消息的,这些消息是以QEvent传递的。对于这部分我们应该把它转换为对mini-gui的消息的处理。众所周之,消息的传递是通过一个消息循环来实现的,也就是说Qt的消息循环要转化为mini-gui的消息循环,这部分涉及到了整个浏览器的框架结构,整个浏览就是以这个消息循环为中心

Qt的数据收集类的模拟

Qt里面用到的一些模板和数据收集类可以自己重新实现,包括象QconnectionList等。

开放源码的嵌入式浏览器概要设计 - 闲云野鹤 - 终日乾乾,与时偕行

移植后的体系结构

KHTMLPart的解决方法

KHTMLPartKonqueror中有大量的关联,我们要完全去除KHTMLPart会有很大的工作量。KPart主要是为了基于组件开发的方式而设计的,Konqueror采用KHTMLPart进行HTML的渲染,KHTMLPart中可能还会嵌入别的Part对象(有可能就是KHTMLPart自己,在多Frame的情况下)。我们参考了Konq-EmbPart的改造方法,应该说它基本上延续了KPart的构造,基本没有什么大的本质的变化(参见我们的分析文档)。

 

显然,我们不需要考虑组件嵌入等问题,KHTMLPart中的这一部分对我们来说没有用,特别是它KHTMLPartBrowserExtensionKHTMLPartHostBrowserExtension以及KHTMLPartBrowserInterface,我们有的需要去除有的需要精简;但是KHTMLPart作为浏览器的一个中枢接口的作用还是有它存在的必要的,它是KHTML这个HTML渲染引擎的入口和出口。

 用户的输入通过窗口系统的事件机制最终输入到KHTMLPart中,由KHTMLPart进行处理;KHTMLPart中还包括最后在窗口系统中进行窗口/控件的渲染操作的部分,它有向窗口系统的输出,而窗口系统中的一些事件(特指焦点变化,窗口位置/大小变化等)需要输入到KHTMLPart进行处理;KHTMLPart要为有事件属性的DOM结点注册由JavaScript模块提供的事件监听者(比如<button id=test_but onclick=testjs()> test-button </button>),从而建立一个Event的通道,JS的解释执行就是要操作KHTMLPart中的DOM文档,可能引起重绘/更新的操作。KHTMLPart需要提交Job请求给IO模块,IO模块需要返回数据和一些状态信息(比如超时、授权错误、认证需求等等)。

 开放源码的嵌入式浏览器概要设计 - 闲云野鹤 - 终日乾乾,与时偕行

KHTMPart需要我们在改造的实践过程中不断的尝试,才可以找到合适的方法。但是基本上,我们计划采用Doc/View结构对KHTMLPart进行抽象(他们有一定程度的相似)。


 DOM模型实现

本文档中的DOM部分指:

              1. DOM 1DOM 2规范的实现

              2. HTML/XML分词

              3. 构建DOM

              4. JavaScript实现

DOM部分在浏览器中处于一个相对独立的地位,和平台的依赖性相对较少。根据我们分析的KonquerorKonqueror-embedded浏览器,虽然这两种浏览器基于QtKDE,然而DOM部分与QtKDE依赖并不大。因此,浏览器DOM部分的设计主要是以移植Konqueror-embedded浏览器相应源码为主,而不是另起炉灶重新设计一套新的DOM实现方案。这样做除了减少开发工作量以外,还能带来以下好处:

              1. 开发的浏览器能够随着Konqueror-embedded的升级而迅速升级;

              2. 引入bug

由以上分析,本文档主要侧重于在Konqueror-embedded浏览器DOM实现部分分析的基础上进行移植方案的设计。Konqueror-embedded关于DOM部分源码主要集中在khtml文件夹中,包括domhtmlxmlecmacssmisc、等共六个子文件夹。分析如下:

              1. dom:对应DOM规范中定义的对象,用C++语言定义了相应的类;此部分与平台相关性小,只引用了qstring.hqrect.h等少数几个头文件;移植时应该考虑重新实现QstringQrect等类。

              2. html:这部分包括三部分内容:DOM HTML模块的具体实现;HTML文档的分词;DOM树的构建。由于在生成DOM树的过程中同时要生成render树;同时每个结点与一个khtmlview类型的对象相对应,因此,这部分源码引用了一些Qt控件类和render部分的类。这部分在移植第一阶段可以暂时屏蔽,即首先只考虑在其他平台(如MiniGUI)上生成DOM树,暂不考虑render树的生成。

              a) Dtd.h/Dtd.cpp:对HTML/XML文档进行合法性检查,与平台无关,可直接移植;

              b) Html_*Impl.h/Html_*Impl.cppDOM HTML模块定义的对象的实现,与QtKDE地相关性主要体现在两方面:引用了一些QtKDE的基础类实现DOM对象;引用Qt控件类实现与窗口和render相关的功能。

              c) htmltokenizer.*/htmlparser.*html/xml文档分词、构建DOM树。与render部分相关。

              3. xml:这部分同html部分类似,只不过处理xml类型的文档,此处略去分析。

              4. css:这部分包括两部分内容:DOM CSS模块的具体实现;CSS文档或字符串的分词;这部分与QtKDE相关性比较小,只用到了一些基础类,可考虑替换。

              5. misc:一些常量的定义、装载stylesheetimage等作业的类以及译码类;

              6. ecma:与js相关,与QtKDE的相关性没有经过详细分析。

除了上面几个子文件夹外,khtml文件夹中还包括rendering子文件夹,这部分涉及render树生成及排版实现部分,与QtKDE紧密相关,在移植第一阶段可暂不考虑。

经过以上分析,DOM部分的移植应该以分阶段渐进的方式进行:

 第一阶段:实现一个与平台无关的具有有限功能的DOM模块:

              1. 保持接口不变,替换一些QtKDE的基础类(与平台无关);

              2. 预留和网络部分以及和render部分的接口;

              3. 分词功能

              4. 构建DOM树;

              5. 暂时屏蔽有关js部分;

第一阶段达到效果如下:

  开放源码的嵌入式浏览器概要设计 - 闲云野鹤 - 终日乾乾,与时偕行 

第二阶段:根据总体设计,考虑先移植js部分,还是先和网络部分或render部分集成,目前待定。


 JavaScript引擎以及同DOM规范的Binding

Konqueror中,实现了符合ECMAScript规范的JS解释引擎(kjs目录下,由C++实现),并且实现了DOM规范同ECMAScript的绑定(khtml/ecma目录下)。我们还查阅了Mozilla使用的SpiderMonkey引擎的一些内容,这个引擎是用C写的,并且文档比较丰富。

 

KonquerorECMAScriptDOM规范的绑定,同KJS解释引擎的内部定义相关联。比如KJS::DOMObject是从KJS::HostImpl中派生而来的,KJS::DomObjectDOM规范同ECMAScript绑定后对应的一个对象,而KJS::HostImplECMAScript内部定义的一个class(用来说明ECMAScript规范中的Host对象)。除非重新定义DOMECMA绑定,否则我们在移植过程中必须使用KJS解释引擎。我们如果要使用SpiderMonkey,就需要重新定义DOMECMA绑定。

 

KonquerorKJS部分提供了一个接口,一个叫做KJSProxy的类。访问KJS只需要通过这个KJSProxy进行。

 开放源码的嵌入式浏览器概要设计 - 闲云野鹤 - 终日乾乾,与时偕行

网络访问模型

通过对Konqueror的分析,我们基本上了解了浏览器的IO模型和它的功能需求。Konqueror中的KIO模型是一个三层父子关系的进程模型(详细的情况请参见我们的分析文档),实际执行访问操作的是最下层的孙进程,三层进程间有很复杂的通讯。可能因为KIO是应用在整个KDE应用中的,为了整体结构的考虑设计了这样一个三层模型。但是对于浏览器的独立应用来说的话,显然太复杂和冗长了。

 

我们考虑采用两层的一个进程模型来完成网络访问,在子进程中进行多路I/O操作:

 开放源码的嵌入式浏览器概要设计 - 闲云野鹤 - 终日乾乾,与时偕行 

在主进程中的Cahche主要包括页面缓冲(只包括HTML的文本页面)、Image/CSS/Jscript缓冲、Cookie缓冲、授权信息缓冲。网络服务子进程中的缓冲主要就是SSL的认证信息缓冲。

我们准备使用LibWWW完成这个模型底层的网络访问工作(关于LibWWW的结构和使用请参看我们的分析文档)。同时要定义好上层进程和网络服务子进程之间的通讯形式和通讯协议(类似DCOP),以透明的API形式提供给上层应用。

 

【基础】嵌入式浏览器移植基本要素

前言:本文以chrome为例介绍了浏览器移植的基本步骤和要素。 1 浏览器的内核是什么 我们知道chrome的浏览器内核是webkit,那么要做浏览器移植第一步就是要研究webkit...
  • yellow_hill
  • yellow_hill
  • 2016年09月23日 18:17
  • 726

嵌入式软件设计(1)--概述

嵌入式软件的定义及特点嵌入式系统的定义嵌入式系统是以应用为中心,以计算机技术为基础,软硬件可裁剪、功能、可靠性、功耗严格要求的专用计算机系统。其中要说明的几个点是 1. 嵌入式系统是专用系统,而不是...
  • williamyi96
  • williamyi96
  • 2017年03月01日 21:36
  • 548

谈嵌入式软件分层设计

谈嵌入式软件分层设计与实现当我们着手做一件任何一件事情之前,先问自己几个问题: 为什么要做这件事? 做了能带来哪些好处?不做的后果是什么? 现在有比较好的工具支持吗? 通过什么方法做的更好? 1.为什...
  • wenxiHuang
  • wenxiHuang
  • 2018年01月01日 17:12
  • 97

基于Linux的嵌入式浏览器的实现

随着信息技术与网络技术的快速发展,以及人们日常生活对网络信息的需求的不断增加。掌上电脑、上网本、手机、导航仪器、智能电视、智能家电等对嵌入式系统提出了更多更高的要求。在嵌入式系统中利用嵌入式浏览器获取...
  • linux_loajie
  • linux_loajie
  • 2012年02月05日 09:08
  • 1777

软件概要设计的过程和内容

 在完成对软件系统的需求分析之后,接下来需要进行的是软件系统的概要设计。一般说来,对于较大规模的软件项目,软件设计往往被分成两个阶段进行。首先是前期概要设计,用于确定软件系统的基本框架;然后是在...
  • hudfang
  • hudfang
  • 2016年11月13日 14:22
  • 1280

开源浏览器:Dillo Web Browser简介

****************************************************************************************************...
  • wavemcu
  • wavemcu
  • 2014年03月09日 13:17
  • 4216

ISO软件工程模板-概要设计说明书

1.引言  1.1编写目的    [说明编写这份概要设计说明书的目的,指出预期的读者。]  1.2背景    a.[待开发软件系统的名称;]    b.[列出本项目的任务提出者、开发者、用户...
  • wangdong_333
  • wangdong_333
  • 2014年08月05日 22:45
  • 2098

源码开放学ARM

http://www.lumit.org/ 欢迎访问 《源码开放学ARM》 Learn ARM with Source Open http://www...
  • mirkerson
  • mirkerson
  • 2013年04月18日 11:58
  • 1616

如何写软件概要设计?

软件概要设计做什么,怎么做 一、软件设计一般流程: 1、先前的软件需求分析阶段,已经搞清楚了 “要解决什么问题”,并输出了《软件需要说明书》。这时一切都是理想。 2、现在进入概要设计阶段,重点...
  • NoMasp
  • NoMasp
  • 2015年12月05日 16:15
  • 15765

在软件开发中——概要设计我们怎么做?

概要设计怎么做摘要: 本文是在概要设计实践和学习中的一些心得与学习笔记,希望与大家分享,如有不妥之处欢迎指正。 关键字: 概要设计,结构化,OOD正文: 在需求明确、准备开始编码之前,要做概要设计,而...
  • yongjiu2000
  • yongjiu2000
  • 2011年03月28日 10:32
  • 1218
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:开放源码的嵌入式浏览器概要设计
举报原因:
原因补充:

(最多只允许输入30个字)