[發明專利]頁面渲染方法、裝置、設備和存儲介質

在審

• 申請號: 202011027738.9
• 申請日: 2020-09-25
• 公開（公告）號: CN112287258A
• 公開（公告）日: 2021-01-29
• 發明（設計）人: 賈磊
• 申請（專利權）人: 長沙市到家悠享網絡科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 北京太合九思知識產權代理有限公司 11610
• 代理人: 孫明子

本發明實施例提供一種頁面渲染方法、裝置、設備和存儲介質，該方法包括：終端設備先確定目標頁面中滾動條的滾動位置，再根據此滾動位置確定待渲染元素。由于頁面中內容顯示區域的尺寸有限，因此，此待渲染元素是目標頁面中的部分元素。并且待渲染元素的尺寸與目標頁面中內容顯示區域的尺寸匹配。最終，對目標頁面中的部分元素即待渲染元素進行渲染，以使其顯示在內容顯示區域上。上述方法中，一方面，終端設備渲染的只是目標頁面中的部分元素，減小終端設備的渲染壓力，保證頁面正常顯示。另一方面，由于待渲染元素的尺寸與頁面的內容顯示區域的尺寸是匹配的，因此，即使渲染的是數量是較少的待渲染元素，也不會對用戶瀏覽頁面產生影響。

技術領域

本發明涉及計算機領域，尤其涉及一種頁面渲染方法、裝置、設備和存儲介質。

背景技術

瀏覽器是用戶使用互聯網時經常使用到的一個應用程序。用戶使用瀏覽器打開頁面的過程通常是：響應于用戶觸發的打開操作，瀏覽器從服務器獲取頁面對應的元素，渲染并展示獲取到的元素。

而在實際應用中，當頁面中的元素過多時，往往會出現頁面顯示緩慢，甚至是頁面顯示失敗的情況。因此，如何保證頁面的正常顯示就成為一個亟待解決的問題。

發明內容

有鑒于此，本發明實施例提供一種頁面渲染方法、裝置、設備和存儲介質，用以保證頁面的正常顯示。

第一方面，本發明實施例提供一種頁面渲染方法，包括：

確定目標頁面中滾動條的滾動位置；

根據所述滾動位置確定待渲染元素，所述待渲染元素的尺寸與所述目標頁面中內容顯示區域的尺寸匹配；

渲染所述待渲染元素至所述內容顯示區域上。

第二方面，本發明實施例提供一種頁面渲染裝置，包括：

位置確定模塊，用于確定目標頁面中滾動條的滾動位置；

元素確定模塊，用于根據所述滾動位置確定待渲染元素，所述待渲染元素的尺寸與所述目標頁面中內容顯示區域的尺寸匹配；

渲染模塊，用于渲染所述待渲染元素至所述內容顯示區域上。

第三方面，本發明實施例提供一種電子設備，包括處理器和存儲器，所述存儲器用于存儲一條或多條計算機指令，其中，所述一條或多條計算機指令被所述處理器執行時實現上述第一方面中的頁面渲染方法。該電子設備還可以包括通信接口，用于與其他設備或通信網絡通信。

第四方面，本發明實施例提供了一種非暫時性機器可讀存儲介質，所述非暫時性機器可讀存儲介質上存儲有可執行代碼，當所述可執行代碼被電子設備的處理器執行時，使所述處理器至少可以實現如第一方面所述的頁面渲染方法。

本發明實施例提供的頁面渲染方法，終端設備先確定目標頁面中滾動條的滾動位置，此滾動位置反映的是用戶對目標頁面的閱讀進度，再根據此滾動位置確定待渲染元素。由于頁面中內容顯示區域的尺寸有限，因此，此待渲染元素是顯示于頁面中內容顯示區域中的、目標頁面中的部分元素，而不是全部元素。并且待渲染元素的尺寸與目標頁面中內容顯示區域的尺寸匹配。最終，對目標頁面中的部分元素即待渲染元素進行渲染，以使其顯示在內容顯示區域上。

上述方法中，一方面，終端設備渲染的只是目標頁面中的部分元素，從而大大減小終端設備的渲染壓力，保證頁面正常顯示，避免頁面崩潰。另一方面，由于待渲染元素的尺寸與頁面的內容顯示區域的尺寸是匹配的，因此，即使渲染的是數量是較少的待渲染元素，也不會對用戶瀏覽頁面產生影響。

附圖說明