[發(fā)明專利]一種網頁渲染的分析方法和終端設備

有效

• 申請?zhí)枺?/td>: 201410069677.0
• 申請日: 2014-02-27
• 公開（公告）號: CN104881273B
• 公開（公告）日: 2019-03-15
• 發(fā)明（設計）人: 李昶博;張博瑜
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京德琦知識產權代理有限公司 11018
• 代理人: 謝安昆;宋志強

1.一種網頁渲染的分析方法，其特征在于，所述方法包括：

判斷是否攔截已加載的目標網頁的渲染參數(shù)；

若攔截所述目標網頁的渲染參數(shù)，則為所述目標網頁設置鉤子；

在所述目標網頁進行網頁渲染時，通過所述鉤子獲取繪制所述目標網頁的每一幀所用的渲染參數(shù)；

當滿足向服務器上報渲染參數(shù)的上報條件時將已獲取的渲染參數(shù)上報至所述服務器，以使所述服務器分析所述渲染參數(shù)并根據分析結果生成網頁渲染熱圖。

2.根據權利要求1所述的方法，其特征在于，所述在所述目標網頁進行網頁渲染時，通過所述鉤子獲取繪制所述目標網頁的每一幀所用的渲染參數(shù)包括：

通過瀏覽器內核對目標幀進行文檔對象模型DOM分析，獲得DOM解析結果；所述目標幀為所述目標網頁的任意一幀；

通過所述瀏覽器內核調用開始繪制窗口以通知開始繪制所述目標幀；

根據所述DOM解析結果繪制所述目標幀；

通過所述瀏覽器內核調用結束繪制窗口以通知所述目標幀繪制完成；

利用所述鉤子攔截所述結束繪制窗口，獲得所述目標幀的結束渲染參數(shù)；

將所述結束渲染參數(shù)確定為所述目標幀的渲染參數(shù)；其中所述鉤子為應用程序接口鉤子；

執(zhí)行所述結束繪制窗口以結束所述目標幀的繪制。

3.根據權利要求1所述的方法，其特征在于，所述在所述目標網頁進行網頁渲染時，通過所述鉤子獲取繪制所述目標網頁的每一幀所用的渲染參數(shù)包括：

通過瀏覽器內核對目標幀進行DOM分析，獲得DOM解析結果，所述目標幀為所述目標網頁的任意一幀；

通過所述瀏覽器內核調用開始繪制窗口以通知開始繪制所述目標幀；

利用所述鉤子攔截所述開始繪制窗口，獲得所述目標幀的開始渲染參數(shù)；

根據所述DOM解析結果繪制所述目標幀；

通過所述瀏覽器內核調用結束繪制窗口以通知所述目標幀繪制完成；

利用所述鉤子攔截所述結束繪制窗口，獲得所述目標幀的結束渲染參數(shù)；

根據所述開始渲染參數(shù)和所述結束渲染參數(shù)獲取所述目標幀的渲染參數(shù)；其中所述鉤子為應用程序接口鉤子；

執(zhí)行所述結束繪制窗口以結束所述目標幀的繪制。

4.根據權利要求1所述的方法，其特征在于，所述在所述目標網頁進行網頁渲染時，通過所述鉤子獲取繪制所述目標網頁的每一幀所用的渲染參數(shù)包括：

通過瀏覽器內核對目標幀進行DOM分析，獲得DOM解析結果；所述目標幀為所述目標網頁的任意一幀；

通過所述瀏覽器內核調用開始繪制窗口以通知開始繪制所述目標幀；

利用所述鉤子攔截所述開始繪制窗口，獲得所述目標幀的開始渲染參數(shù)；

將所述開始渲染參數(shù)確定為所述目標幀的渲染參數(shù)；其中所述鉤子為應用程序接口鉤子；

根據所述DOM解析結果繪制所述目標幀；

通過所述瀏覽器內核調用結束繪制窗口以通知所述目標幀繪制完成；

執(zhí)行所述結束繪制窗口以結束所述目標幀的繪制。

5.根據權利要求1所述的方法，其特征在于，所述在所述目標網頁進行網頁渲染時，通過所述鉤子獲取繪制所述目標網頁的每一幀所用的渲染參數(shù)包括：

在對目標幀進行繪制前，通過所述鉤子攔截所述目標幀的窗口繪制消息WM_PAINT，獲得所述WM_PAINT中包含的所述目標幀的渲染參數(shù)；其中所述鉤子為消息鉤子；

通過瀏覽器內核根據所述WM_PAINT對所述目標幀進行繪制，所述目標幀為所述目標網頁的任意一幀。

6.根據權利要求2或3所述的方法，其特征在于，所述利用所述應用程序接口鉤子攔截所述結束繪制窗口，獲得所述目標幀的結束渲染參數(shù)包括：

利用所述應用程序接口鉤子攔截所述結束繪制窗口，獲得所述結束繪制窗口的調用參數(shù)，所述調用參數(shù)包括窗口句柄和所述目標幀的結束渲染參數(shù)；

根據所述窗口句柄判斷所述結束繪制窗口是否為需要捕獲的窗口；

若所述結束繪制窗口是需要捕獲的窗口，則保存所述目標幀的結束渲染參數(shù)；

其中，所述目標幀的結束渲染參數(shù)包括所述目標幀中需要繪制的矩形的參數(shù)，所述矩形的參數(shù)包括所述矩形的左上角坐標和右下角坐標。