Webkit学习 ----网页资源的构建加载流程

转载 2013年12月02日 19:35:22


Webkit的作用在这就不多做介绍了,本篇主要还是个人在源码分析了webkit之后的心得总结!

      webkit有上千个类,在这么错综复杂的结构里看流程无疑找死,好吧,用GDB调试看吧!

      环境:webkit + Qt4.8.4 + gdb

      调试之前,当然先要生成调试版本的程序了,关于调试环境的搭建后续文章会阐述。。。。。。。

      现在就开始总结加载流程吧!

      当我们在浏览器中输入网站地址后,会通过把url赋给ResourceRequest这个类,并将ResourceRequest作为类参数传给Frameloader的load方法,ResourceRequest从头文件看貌似是关于网络协议的一系列接口封装(以后再深入了解这个类,应该可以提取出来做自己为用。之后通过CreateDocumentLoader创建出documentloader对象(该对象负责对于请求资源动作的一系列封装,eg.请求数据,数据请求完成等动作的响应,其实就是对于下载接口的一层封装),并作为参数传给frameloader的load方法。

   在该方法中,获取之前得到的ResourceRequest对象,通过addExtraFieldsToMainResourceRequest对于ResourceRequest对象中的一些关于http的头信息的内如注册,比如Agent字段和Accept字段等(其实就是填充HTTP协议头),接着通过调用loadwithDocumentloader进行正式的下载流程。

   先来看下之前操作流程的栈信息:

    

注:frameloader doucmentloader 和resourceRequest这几个类之间都是你中有我我中有你的好基友,所以都可以在各自的类中分别调用到

   接着往下看,进入loadwithDocumentloader之后,获取之前的resourceRequest对象的url,并将该url对象给到KURL类中(该类又是一个对于URL的功能封装),之后通过Documentloader的startloadingMainResource方法开始加载主页面数据(一般网页就是html文件),接着创建mainresourceloader类对象(这个类看名字就知道是做什么的了)

通过调用loadnow开始进行下载工作。

   先来看下之前操作流程的栈信息:

   

   因为我用的是Qt的port,所以具体的下载动作由Qt来做了,接着看数据接收的操作。

   当数据下载完之后,mainresourceloader的didreceivedata负责接收下载下来的数据,把接收的数据给到Documentloader,再由Documentloader的方法commitload发布加载的内容(在这一步中,浏览器先将旧的页面清除掉在加载新的页面),之后进过很多步的转发,给到了DOM文件夹中的DecodeDataDocumentParse的appendBytes。从这开始正式进入HTML的解压和词法解析流程,这之后将对HTML内容解析工作。

   先来看下之前操作流程的栈信息:

   

   总结下主要流程:

1.        DocumentLoader 调用 MainResourceLoader::load  loader 发起请求

2.        调用 MainResourceLoader::loadNow

3.        调用 MainResourceLoader::willSendRequest

4.        调用 ResourceLoader::willSendRequest,  callback 通过 ResourceNotifier 传导给 FrameLoaderClient  Client 可以在回调中操作 ResourceRequest ,比如设置请求头部。

5.        调用 PolicyChecker::checkNavigationPolicy 过滤掉重复请求等

6.        loader 调用 ResourceHandle::create  Network 发起加载请求

7.        收到第一个 HTTP 响应数据包 ,Network 回调MainResourceLoader::didReceiveResponse ,主要处理 HTTP 头部。

8.        调用 PolicyChecker:: checkContentPolicy, 并最终通过 FrameLoaderClient dispatchDecidePolicyForMIMEType 判断是否为下载请求(存在 "Content-Disposition"http 头部)

9.        调用 MainResourceLoader::continueAfterContentPolicy ,根据ResourceResponse 检测是否发生错误。

10.   调用 ResourceLoader::didReceiveResponse ,将 callback 通过 ResourceNotifier传导给 FrameLoaderClient 

11.   收到 HTTP 体部数据,调用 MainResourceLoader::didReceiveData

12.   调用 ResourceLoader::didReceiveData ,将 callback 通过 ResourceNotifier 传导给 FrameLoaderClient

13.   调用 MainResourceLoader::addData

14.   调用 DocumentLoader::receivedData

15.   调用 DocumentLoader::commitLoad

16.   调用 FrameLoader::commitProvisionalLoad  FrameLoader  provisional 状态跃迁到 Committed 状态

17.   调用 FrameLoaderClientQt::committedLoad

18.   调用 DocumentLoader::commitData ,启动 Writer 对象来处理数据(DocumentWriter::setEncoding  DocumentWriter::addData 

19.   调用 DocumentWriter::addData

20.   调用 DocumentParser::appendByte

21.   调用 DecodedDataDocumentParser::appendBytes 对文本编码进行解码

22.   调用 HTMLDocumentParser::append ,进行 HTML 解析


  好了,下载加载流程就到这,下篇会带来详细的HTML词法解析和压缩流程

相关文章推荐

WebKit/Blink 如何加载网页资源?

在浏览器渲染网页并呈现给用户之前,首先需要通过网络加载网页资源,这里把资源分成两种,一种是类似Frame的主资源文件,另外一种为类似图片,JavaScript,音频或视频的子资源文件。 从WebKit...

WebKit加载网页流程

在WebKit渲染一个页面之前,它需要从网络上(其实也可以从本地文件或者内存加载)加载页面以及和它相关的所有派生资源。同加载资源相关的层有很多,在本文中,我将聚焦于解释WebCore,这一WebKit...
  • rgxgf
  • rgxgf
  • 2011-11-11 09:33
  • 1084

WebKit加载网页的流程

WebKit加载网页的流程 dlmu2001 摘要:WebKit源码分析,WebKit文档,WebCore,loader,ResourceLoader,MainResourceLoader,Sub...

WebKit加载网页的流程

摘要:WebKit源码分析,WebKit文档,WebCore,loader,ResourceLoader,MainResourceLoader,SubresourceLoader,DocumentLo...

WebKit加载网页的流程

摘要:WebKit源码分析,WebKit文档,WebCore,loader,ResourceLoader,MainResourceLoader,SubresourceLoader,DocumentLo...

WebKit加载网页的流程

注:该文转自http://blog.csdn.net/dlmu2001/article/details/5941432,原文地址http://webkit.org/blog/1188/how-webk...

Android WebKit HTML主资源加载过程

结合WebKit的源码,对Android WebKit对HTML主资源的加载流程进行了深入的分析。

理解WebKit和Chromium: Chromium的多进程资源加载机制

转载请注明原文地址:http://blog.csdn.net/milado_nju ##概述 前面介绍了WebKit中的资源加载机制,其实它只是一个框架性的东西,实际的资源加载依赖于各个Web...

Android WebKit HTML主资源加载过程

Android WebKit HTML主资源加载过程 前言 在浏览器里面输入网址,最终浏览器会调用WebView的loadUrl(),然后就开始加载整个网页。整个加载过程中,最重要的一步就...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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