谷歌浏览器的源码分析(33)

上一次说到图像缓存起来,其实很多情况下是文本的显示,也就是HTML的解释。要把网页显示出来,肯定是先从HTTP里收到网页数据,然后再使用HTML分析器来解释HTML语言,最后根据HTML来生成所有可以显示的元素,再由于这些元素生成BMP位图,这样只需要把BMP位置显示到窗口里就万事大吉了。这个过程看起来简单,其实是一个非常复杂的过程,现在就带你去深入地分析这个过程,就基本把Webkit的过程搞清楚了,同时也把chrome分析网页的过程搞清楚了。这个过程如下:

1)  ResourceDispatcher::OnReceivedData()  资源分派类接收到网页数据。

2)  WebCore::ResourceHandleInternal::OnReceivedData()  WebCore::ResourceHandleInternal类接收到数据。

3)  WebCore::ResourceLoader::didReceiveData()  资源加载类接收到数据。

4)  WebCore::MainResourceLoader::didReceiveData()  主资源类接收到数据。

5)  WebCore::MainResourceLoader::addData() 主资源类保存数据。

6)  WebCore::FrameLoader::receivedData() 框架加载类保存数据。

7)  WebCore::DocumentLoader::receivedData() 文档加载类保存数据。

8)  WebCore::DocumentLoader::commitLoad() 文档加载类提交所有接收的数据。

9)  WebCore::FrameLoader::committedLoad() 框架加载类提交数据。

10)    WebFrameLoaderClient::committedLoad() 网页框架加载类提交数据。

11)    WebFrameImpl::DidReceiveData() 网页框架实现类保存提交的数据。

12)    WebCore::FrameLoader::addData() 框架加载类保存数据。

13)    WebCore::FrameLoader::write() 把网页数据写入HTML缓冲。

14)    WebCore::HTMLTokenizer::write()  HTML终结符分析器进行保存。

15)    WebCore::HTMLTokenizer::processToken()  HTML终结符分析器分析HTML数据。

16)    WebCore::HTMLParser::parseToken()  HTML分析器分析网页数据。

17)    WebCore::HTMLParser::insertNode() 分析到一个网页里的节点,开始插入。

18)    WebCore::Text::attach()  发现一个文本节点并保存。

19)    WebCore::Node::createRendererIfNeeded()  创建可以渲染的节点。

20)    WebCore::Text::createRenderer() 开始创建文本渲染对象。

21)    WebCore::RenderText::RenderText() 创建文本渲染对象RenderText

 

从上面的过程,可以看到分析过程是比较复杂的,不过,总算把分析网页数据这个主线抓住了,其它的东西,都是为了这条主线而进行的。只要跟着这条主线,把相应的类再进一步分析,就可以把整个程序搞得一清二楚了。在最后一步里,就会生成RenderObject对象,而所有的RenderObject对象是根据分析HMTL生成一棵树来保存起来。当界面上要显示出来时,其实就是去遍历整个RenderObject对象树。下一次再来分析界面怎么样显示这些对象的。

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

caimouse

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值