上一次說到圖像緩存起來，其實很多情況下是文本的顯示，也就是 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 對象樹。下一次再來分析界面怎么樣顯示這些對象的。

?

?

谷歌瀏覽器的源碼分析(33)