亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

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

系統 2497 0
通過上一次的分析,我們看到所有網頁數據經過 HTML 分析器之后,都會變成一個一個 RenderObject 對象,那么這些 RenderObject 對象又是怎么樣顯示到界面上面的呢?現在就帶著這個疑問來分析下面的代碼,這樣肯定會找到解決方法的。怎么樣找到入口呢?其實可以先從界面顯示的類開始,可以看到顯示界面的窗口類名稱叫做 Chrome_RenderWidgetHostHWND, 有了這個類名稱,就可以到代碼里查看它在那里了。

#001 ? class RenderWidgetHost;

#002 ? class WebMouseEvent;

#003 ? class WebCursor;

#004 ?

#005 ? typedef CWinTraits<WS_CHILD | WS_CLIPCHILDREN | WS_CLIPSIBLINGS, 0>

#006 ????? RenderWidgetHostHWNDTraits;

#007 ?

#008 ? static const wchar_t* const kRenderWidgetHostHWNDClass =

# 009 ????? L "Chrome_RenderWidgetHostHWND";

?

可看到這個窗口類名稱是定義在這里,再跟著 kRenderWidgetHostHWNDClass 來查找,就會找到顯示窗口,如下:

#001 ? class RenderWidgetHostHWND :

#002 ??? public CWindowImpl<RenderWidgetHostHWND,

#003 ?????????????????????? CWindow,

#004 ?????????????????????? RenderWidgetHostHWNDTraits>,

#005 ??? public RenderWidgetHostView {

#006 ?? public:

#007 ??? RenderWidgetHostHWND(RenderWidgetHost* render_widget_host);

#008 ??? virtual ~RenderWidgetHostHWND();

#009 ?

#010 ??? void set_close_on_deactivate(bool close_on_deactivate) {

#011 ????? close_on_deactivate_ = close_on_deactivate;

#012 ??? }

#013 ?

#014 ??? void set_parent_hwnd(HWND parent) { parent_hwnd_ = parent; }

#015 ?

#016 ??? DECLARE_WND_CLASS_EX(kRenderWidgetHostHWNDClass, CS_DBLCLKS, 0);

?

通過上面的分析,就可以找到顯示網頁的窗口類 RenderWidgetHostHWND ,在這個類里,主要顯示的位置是在 void RenderWidgetHostHWND::OnPaint(HDC dc) 函數里面,它的代碼如下:

#001 ? void RenderWidgetHostHWND::OnPaint(HDC dc) {

#002 ??? DCHECK(render_widget_host_->process()->channel());

#003 ?

#004 ??? CPaintDC paint_dc(m_hWnd);

#005 ??? HBRUSH white_brush = reinterpret_cast<HBRUSH>(GetStockObject(WHITE_BRUSH));

#006 ?

#007 ??? RenderWidgetHost::BackingStore* backing_store =

#008 ??????? render_widget_host_->GetBackingStore() ;

#009 ?

#010 ??? if (backing_store) {

#011 ????? gfx::Rect damaged_rect(paint_dc.m_ps.rcPaint);

#012 ?

#013 ????? gfx::Rect bitmap_rect(

#014 ????????? 0, 0, backing_store->size().width(), backing_store->size().height());

#015 ?

#016 ????? gfx::Rect paint_rect = bitmap_rect.Intersect(damaged_rect);

#017 ????? if (!paint_rect.IsEmpty()) {

#018 ??????? BitBlt(paint_dc.m_hDC,

#019 ?????????????? paint_rect.x(),

#020 ?????????????? paint_rect.y(),

#021 ?????????????? paint_rect.width(),

#022 ?????????????? paint_rect.height(),

#023 ?????????????? backing_store->dc(),

#024 ?????????????? paint_rect.x(),

#025 ?????????????? paint_rect.y(),

#026 ?????????????? SRCCOPY);

#027 ????? }

......

#058 ? }

?

其實這個函數是通過如下發送消息給另一個進程進行渲染成 BMP 的圖片,

Send(new ViewMsg_Repaint(routing_id_, view_size));

?

那么誰來接收 ViewMsg_Repaint 消息呢?繼續細心地查找,就到在如下類函數里處理:

void RenderWidget::OnMsgRepaint(const gfx::Size& size_to_paint)

在這個函數,并不是最終的結果,它又會調用其它線程來處理渲染,以便達到異步的結果。它的調用過程如下:

1) ? RenderWidget::DoDeferredPaint() ? 線程里開始渲染網頁顯示

2) ? RenderWidget::PaintRect() 窗口里開始進行顯示

3) ? WebViewImpl::Paint() web 視類開始顯示。

4) ? WebFrameImpl::Paint() web 框架類開始顯示。

5) ? WebCore::ScrollView::paint() 滾動窗口顯示。

6) ? WebCore::Frame::paint() WebCore 里的框架顯示。

7) ? WebCore::RenderLayer::paint() 分層顯示。

8) ? WebCore::RenderLayer::paintLayer()

9) ? WebCore::RenderBlock::paint() ? 在每一層里顯示每一塊區域。

10) ??? WebCore::RenderBlock::paintObject() 顯示這一區域的對象。

11) ??? WebCore::RenderBlock::paintContents() 顯示需要顯示的內容。

12) ??? WebCore::RenderFlow::paintLines() 這里需要顯示文字。

13) ??? WebCore::RootInlineBox::paint() 開始顯示一行文字。

14) ??? WebCore::InlineFlowBox::paint() 進行一行文字排列。

15) ??? WebCore::InlineTextBox::paint() ?

16) ??? WebCore::GraphicsContext::drawText() ? 進行一個一個文字顯示。

17) ??? WebCore::Font::drawText() ? 這里調用字體類來把文字的編碼變成位圖。

18) ??? WebCore::Font::drawSimpleText() ? 這里把位圖顯示到界面內存里。

?

通過上面的分析,可以看到顯示一串文字的過程是如此復雜的過程。其它圖片顯示的過程也是一樣,都把它們變成位圖,然后再分層顯示出來。那么 JavaScript 是怎么樣顯示的呢?這個會比上面的過程更加復雜,后面再仔細地分析它。下一次,主要仔細地看看這些過程里的一些類功能。

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


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 在线观看国产情趣免费视频 | 视频一区在线免费观看 | 国产精品免费大片一区二区 | 欧美毛片又粗又长又大 | 久久一区视频 | 99精品大学生啪啪自拍 | 欧美一级视频免费观看 | 99国产在线观看 | 久久精品中文字幕一区 | 亚洲精品色一区二区三区 | 久九九久福利精品视频视频 | 国产精品网址你懂的 | 最新欧美精品一区二区三区不卡 | 成人免费牛牛在线视频 | 色天使色婷婷在线影院亚洲 | 激情爱爱视频 | 毛片大片 | 奇米影视中文字幕 | 久久国产亚洲 | 99国产精品 | 亚洲天天网综合自拍图片专区 | 奇米视频第四色 | 寡妇一级a毛片免费播放 | 亚洲欧美视屏 | 久久这里只有精品免费的 | 欧美久久久久久 | 亚洲骚片 | 天天做天天看夜夜爽毛片 | 精品二区 | 亚洲在线播放视频 | 日韩色综合 | 在线观看国产一区二三区 | 特黄aa级毛片免费视频播放 | 欧美精品久久久久久久小说 | 免费观看成人www精品视频在线 | 在线播放ww| 精品国产午夜久久久久九九 | 天天久久狠狠伊人第一麻豆 | 国产精品久久久久精 | 欧美成人中文字幕dvd | 高清一区二区亚洲欧美日韩 |