[發明專利]一種網頁渲染方法及相關設備

在審

• 申請號: 201710042896.3
• 申請日: 2017-01-20
• 公開（公告）號: CN108334517A
• 公開（公告）日: 2018-07-27
• 發明（設計）人: 代亞亞;胡鋒;張濤;趙以權
• 申請（專利權）人: 華為技術有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 郝傳鑫;熊永強

1.一種網頁渲染方法，其特征在于，包括：

客戶端向服務器發送頁面加載請求后，接收所述服務器基于所述頁面加載請求返回的初始頁面內容，所述初始頁面內容包括前端框架以及至少一個文檔對象模型DOM；

所述客戶端基于所述前端框架加載所述至少一個DOM，并基于每個DOM的特征屬性獲取與所述每個DOM匹配的頁面模板和頁面元數據；

所述客戶端基于所述每個DOM匹配的頁面模板將所述每個DOM匹配的頁面元數據進行渲染，得到所述每個DOM的超文本標記語言HTML片段；

所述客戶端將所述至少一個DOM的HTML片段組成HTML頁面，并展示所述HTML頁面。

2.根據權利要求1所述的方法，其特征在于，所述客戶端基于所述前端框架加載所述至少一個DOM，包括：

所述客戶端將所述至少一個DOM加載至所述前端框架，并確定目標DOM，所述目標DOM為所述前端框架從所述至少一個DOM中識別出的DOM；

所述客戶端基于每個DOM的特征屬性獲取與所述每個DOM匹配的頁面模板和頁面元數據，包括：

針對所述目標DOM中的每個DOM，所述客戶端基于所述每個DOM的特征屬性獲取與所述每個DOM匹配的頁面模板和頁面元數據。

3.根據權利要求1或2所述的方法，其特征在于，所述客戶端向服務器發送頁面加載請求后，接收所述服務器基于所述頁面加載請求返回的初始頁面內容之前，所述方法還包括：

所述客戶端在接收到頁面定制請求時，展示定制界面；

所述客戶端接收在所述定制界面中的配置操作，得到由所述配置操作產生的頁面元數據；

所述客戶端建立所述頁面元數據與DOM的第一屬性的關聯關系，并將所述頁面元數據發送至所述服務器，以便所述服務器保存所述頁面元數據。

4.根據權利要求3所述的方法，其特征在于，所述特征屬性包括第二屬性和第一屬性，所述初始頁面內容還包括頁面模塊和頁面元數據；

所述客戶端基于每個DOM的特征屬性獲取與所述每個DOM匹配的頁面模板和頁面元數據，包括：

所述客戶端從所述初始頁面內容中查找與所述每個DOM的第二屬性相匹配的頁面模板，以及與所述每個DOM的第一屬性關聯的頁面元數據。

5.根據權利要求3所述的方法，其特征在于，所述特征屬性包括名稱第二屬性和第一屬性，所述客戶端基于每個DOM的特征屬性獲取與所述每個DOM匹配的頁面模板和頁面元數據，包括：

所述客戶端向所述服務器發送請求消息，所述請求消息用于請求獲取每個DOM的頁面模板和頁面元數據，所述請求消息包含所述每個DOM的第二屬性和第一屬性；

所述客戶端接收所述服務器基于所述請求消息返回的與所述第二屬性相匹配的頁面模板，以及與所述第一屬性關聯的頁面元數據。

6.一種網頁渲染方法，其特征在于，包括：

服務器接收客戶端發送的頁面加載請求；

所述服務器獲取與所述頁面加載請求匹配的初始頁面內容，所述初始頁面內容包括前端框架以及至少一個DOM；

所述服務器將所述初始頁面內容發送給所述客戶端。

7.根據權利要求6所述的方法，其特征在于，所述服務器接收客戶端發送的頁面加載請求之后，所述方法還包括：

所述服務器確定當前的負載，并在所述負載超過預設負載閾值的情況下，執行所述獲取與所述頁面加載請求匹配的初始頁面內容的操作。

8.根據權利要求7所述的方法，其特征在于，所述方法還包括：

所述服務器在所述負載未超過所述預設負載閾值的情況下，基于所述頁面加載請求進行頁面渲染，得到HTML頁面的源代碼；

所述服務器向所述客戶端發送所述源代碼，由所述客戶端基于所述源代碼展示所述HTML頁面。

9.根據權利要求6～8任一項所述的方法，其特征在于，所述服務器接收客戶端發送的頁面加載請求之前，所述方法還包括：

所述服務器接收所述客戶端發送的頁面元數據，并保存所述頁面元數據。