[發明專利]一種網頁輸出方法、裝置、設備及存儲介質

在審

• 申請號: 202110767065.9
• 申請日: 2021-07-07
• 公開（公告）號: CN113434142A
• 公開（公告）日: 2021-09-24
• 發明（設計）人: 戴錦輝;徐永強
• 申請（專利權）人: 深圳市鄰友通科技發展有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/958
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 潘登

1.一種網頁輸出方法，應用于客戶端，其特征在于，包括：

向服務端發送網頁加載請求；

獲取服務端根據所述網頁加載請求返回的完整網頁文件，所述完整網頁文件由服務端根據所述網頁加載請求渲染生成；

根據所述完整網頁文件顯示網頁頁面；

基于所述網頁頁面進行頁面渲染得到客戶端渲染文件；

根據所述客戶端渲染文件和所述完整網頁文件基于所述網頁頁面進行頁面交互事件綁定。

2.根據權利要求1所述的網頁輸出方法，其特征在于，所述基于所述網頁頁面進行頁面渲染得到客戶端渲染文件包括：

從所述完整網頁文件中獲取JS請求腳本，以通過所述JS請求腳本構建應用；

通過所述應用查找所述網頁頁面對應的頁面組件進行頁面渲染，應用內生成所述網頁頁面所需元素的DOM數據。

3.根據權利要求1所述的網頁輸出方法，其特征在于，所述完整網頁文件包括第一DOM數據，所述客戶端渲染文件包括第二DOM數據，所述根據所述客戶端渲染文件和所述完整網頁文件基于所述網頁頁面進行頁面交互事件綁定包括：

驗證所述第一DOM數據和所述第二DOM數據是否一致；

若不一致，則保持顯示所述網頁頁面并按照預設規則選擇所述第一DOM數據或所述第二DOM數據綁定頁面交互事件；

若一致，則保持顯示所述網頁頁面并任選所述第一DOM數據或所述第二DOM數據綁定頁面交互事件。

4.根據權利要求3所述的網頁輸出方法，其特征在于，所述驗證所述第一DOM數據和所述第二DOM數據是否一致包括：

根據所述顯示頁面確定頁面節點數量，并根據所述頁面節點數量選擇預設驗證算法；

根據所述預設驗證算法驗證所述第一DOM數據和所述第二DOM數據是否一致。

5.根據權利要求3所述的網頁輸出方法，其特征在于，所述按照預設規則基于所述第一DOM數據或所述第二DOM數據綁定頁面交互事件包括：

基于所述網頁頁面顯示渲染選擇選項，并獲取用戶基于所述渲染選擇選項的選擇操作；

根據用戶的選擇操作以對應的所述第一DOM數據或所述第二DOM數據綁定頁面交互事件。

6.一種網頁輸出方法，應用于服務端，其特征在于，包括：

接收客戶端發送的網頁加載請求；

根據所述網頁加載請求構建網頁頁面，并對所述網頁頁面進行渲染得到完整網頁文件；

將所述完整網頁文件發送至客戶端。

7.根據權利要求6所述的網頁輸出方法，其特征在于，所述根據所述網頁加載請求構建網頁頁面包括：

解析所述網頁加載請求確定請求的訪問URL；

根據預設配置驗證所述訪問URL是否合法；

若是，則構建所述訪問URL定向的網頁頁面；

若否，則構建預設頁面。

8.一種網頁輸出裝置，其特征在于，包括：

發送模塊，向服務端發送網頁加載請求；

接收模塊，用于獲取服務端根據所述網頁加載請求返回的完整網頁文件，所述完整網頁文件為服務端根據所述網頁加載請求渲染生成；

頁面顯示模塊，用于根據所述完整網頁文件顯示網頁頁面；

渲染模塊，用于基于所述網頁頁面進行頁面渲染得到客戶端渲染文件；

交互綁定模塊，用于根據所述客戶端渲染文件和所述完整網頁文件基于所述網頁頁面進行頁面交互事件綁定。

9.一種電子設備，其特征在于，包括：

一個或多個處理器；

存儲裝置，用于存儲一個或多個程序，

當所述一個或多個程序被所述一個或多個處理器執行，使得所述一個或多個處理器實現如權利要求1-7中任一項所述的網頁輸出方法。

10.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，該程序被處理器執行時實現如權利要求1-7中任一項所述的網頁輸出方法。