Webkit页面加载过程分析(1)-发送请求篇

 

在WebKit渲染页面前，首先要从网络加载主页面和所有的子资源数据，本文描述主页面资源加载过程中Get请求发送过程。

分析的源码基于Qt5beta2版本的WebKit

 

图1 WebCore页面加载图

 

1. 应用层处理过程

     当用户输入URL网址回车后，应用外壳程序首先得到处理，BrowserMainWindow::loadUrl被调用，并进而间接调用WebView::loadUrl函数

    WebView::loadUrl -->  QWebView::load

    这时即进入WebKit API层了，

 

2. WebKit API层处理过程

    如上图1，QWebView::load函数中，Webview对象首先通过QWebPage对象得到QWebFrame对象，并调用load函数，进入通过内部关联的Frame对象获取到FrameLoader对象，从而调用WebCore的Loader模块处理入口FrameLoader::load，函数调用过程如下

    -->  QWebView::load

          --> QWebFrame::load(url)

               --> QWebFrame::load(QNetworkRequest(url) ... )  //此函数中初始化一个WebCore::ResourceRequest request(url);临时资源请求变量

                    --> FrameLoader::load // load 函数1

    FrameLoader即使WebKit内核层代码了，即WebCore的Loader部分

 

3. WebCore处理过程

    * 如图1，FrameLoader首先创建一个新的DocumentLoader对象，后续在FrameLoader::loadWithDocumentLoader将触发导航裁决，导航裁决通过后，FrameLoader::continueLoadAfterNavigationPolicy将被调用，即NavigationPolicy后的继续加载，continueLoadAfterNavigationPolicy将FrameLoader对象的状态转换为“FrameStateProvisional”，并在下一步的continueLoadAfterWillSubmitForm函数中调用DocumentLoader::startLoadingMainResource开始主资源加载。startLoadingMainResource中将创建MainResourceLoader对象。

    --> FrameLoader::load // load 函数1

          --> FrameLoader::load // oad函数2, 此处创建一个 DocumentLoader 对象

                --> FrameLoader::load(newDocumentLoader) // load函数3,

                      -->FrameLoader::loadWithDocumentLoader

                           -->FrameLoader::setPolicyDocumentLoader(loader); // loader 即那个新DocumentLoader 对象, 担当PolicyDocumentLoader

                           -->PolicyChecker::checkNavigationPolicy // 导航裁决？ 并传人回调函数callContinueLoadAfterNavigationPolicy

 

    * 导航裁决后的处理FrameLoader::callContinueLoadAfterNavigationPolicy

    -->FrameLoader::callContinueLoadAfterNavigationPolicy

         -->FrameLoader::continueLoadAfterNavigationPolicy

             -->FrameLoader::setProvisionalDocumentLoader(m_policyDocumentLoader.get()); // 那个新DocumentLoader对象又担当ProvisionalDocumentLoader

             -->FrameLoader::setState(FrameStateProvisional); // 转变为FrameStateProvisional状态

             -->FrameLoader::setPolicyDocumentLoader(0); // 清除PolicyDocumentLoader，以上3行完成状态切换

             -->FrameLoader::continueLoadAfterWillSubmitForm

                  -->DocumentLoader::startLoadingMainResource() // m_provisionalDocumentLoader对象的成员函数

                       -->MainResourceLoader::create // 创建MainResourceLoader对象

                             -->MainResourceLoader::load

                                 -->MainResourceLoader::loadNow

                                      -->ResourceHandle::create 

                                          --> new ResourceHandle // 首先new一个新的ResourceHandle对象

                                          -->ResourceHandle::start // QT版在文件ResourceHandleQt.cpp中， new 一个 QNetworkReplyHandler 对象

                                               -->QNetworkReplyHandler::QNetworkReplyHandler // 构造函数，仍然是WebCore的platform中的对象，未进入QtNetwork

                                                    -->ResourceRequest::toNetworkRequest // 由 ResourceRequest 对象生成QNetworkRequest对象m_request

                                                    -->QNetworkReplyHandlerCallQueue::push // 将QNetworkReplyHandler::start函数push到队列m_queue，该函数随后将被调用

                                                        -->QNetworkReplyHandlerCallQueue::flush() // 处理队列中的call任务，将调用QNetworkReplyHandler::start

 

* QNetworkReplyHandler::start 函数分析

-->QNetworkReplyHandler::start

     -->QNetworkReplyHandler::sendNetworkRequest

          -->QNetworkAccessManager::get() [post/head/put/deleteResource/sendCustomRequest] // 调用QtNetwork服务异步发送网络请求，返回一个QNetworkReply对象reply

     -->new QNetworkReplyWrapper(reply) // 生成了网络应答包装对象QNetworkReplyHandler::m_replyWrapper

 

* 发送信号后如何处理网络应答数据？

在QNetworkReplyWrapper::QNetworkReplyWrapper构造函数中，会将reply对象的Qt信号connect到QNetworkReplyWrapper的槽函数

    connect(m_reply, SIGNAL(finished()), this, SLOT(setFinished()));
    connect(m_reply, SIGNAL(finished()), this, SLOT(receiveMetaData()));
    connect(m_reply, SIGNAL(readyRead()), this, SLOT(receiveMetaData()));
在这些槽函数中触发网络应答处理，具体细节本文不再描述，本文仅分析到网络请求发送。

 

初涉WebKit不久，有不正确的地方，欢迎评论纠正。

 

图片来源：https://www.webkit.org/blog/1188/how-webkit-loads-a-web-page/