[發(fā)明專利]網頁數據處理方法及處理裝置

有效

• 申請?zhí)枺?/td>: 201310217801.9
• 申請日: 2013-06-04
• 公開（公告）號: CN104216909B
• 公開（公告）日: 2018-10-02
• 發(fā)明（設計）人: 石楠
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 廣州三環(huán)專利商標代理有限公司 44202
• 代理人: 賈允;肖丁

一種網頁數據處理方法，根據終端設備的屏幕尺寸建立列表主容器，根據預設列表項容器的尺寸將列表主容器劃分為多個列表項容器；獲取多個網頁數據項并將所獲取的多個網頁數據項按照預設的順序填充至列表主容器中，其中一個列表項容器至少對應一個網頁數據項；偵測列表主容器沿第一方向上的滾動，將超出終端設備屏幕范圍的列表項容器由列表主容器超出屏幕范圍的一端移動至未超出屏幕范圍的另一端；以及將待填充的網頁數據項填充至被移動至列表主容器另一端的列表項容器中。此外，本發(fā)明還提供一種網頁數據處理裝置。上述網頁數據處理方法與處理裝置在處理網頁數據時具有更高的穩(wěn)定性。

技術領域

本發(fā)明涉及網頁數據處理技術，尤其涉及一種網頁數據處理方法及處理裝置。

背景技術

隨著網絡技術的發(fā)展，人們越來越習慣于通過瀏覽網頁的方式獲取信息。在現有技術中，瀏覽器在繪制網頁時通常是將網頁的每一個數據項視為一個文件對象模型（Document Object Model，DOM）節(jié)點，然后將每一DOM節(jié)點作為一個獨立的層（Layer）來繪制，雖然這樣可以保證網頁在滾動時不會閃爍，但如果網頁中所包含的數據項較大，相應的需要繪制的Layer的數量也就比較大，為完成大量Layer的繪制常常需要消耗大量的內存，這樣容易出現內存溢出的現象，從而導致網頁頁面崩潰、瀏覽器軟件重啟、計算機重啟等不良后果。因此，如何在保證網頁在滾動時不會閃爍的同時，避免在處理海量網頁數據時出現內存溢出的現象，提高網頁數據處理的穩(wěn)定性，是業(yè)界需要解決的難題之一。

發(fā)明內容

有鑒于此，本發(fā)明提供一種網頁數據處理方法及處理裝置，在處理海量網頁數據時具有更高的穩(wěn)定性。

一種網頁數據處理方法，包括：根據終端設備的屏幕尺寸建立列表主容器，根據預設列表項容器的尺寸將所述列表主容器劃分為多個列表項容器；獲取多個網頁數據項并將所獲取的多個網頁數據項按照預設的順序填充至所述列表主容器中，其中一個列表項容器至少對應一個網頁數據項；偵測所述列表主容器相對于所述屏幕的滾動，將超出所述終端設備屏幕范圍的列表項容器由所述列表主容器超出所述屏幕范圍的一端移動至未超出所述屏幕范圍的另一端；以及將待填充的網頁數據項填充至被移動至所述列表主容器另一端的所述列表項容器中。

一種網頁數據處理裝置，包括：列表主容器建立模塊，用于根據終端設備的屏幕尺寸建立列表主容器，根據預設列表項容器的尺寸將所述列表主容器劃分為多個列表項容器；第一網頁數據項填充模塊，用于獲取多個網頁數據項并將所獲取的多個網頁數據項按照預設的順序填充至所述列表主容器中，其中一個列表項容器至少對應一個網頁數據項；列表項容器移動模塊，用于偵測所述列表主容器相對于所述屏幕的滾動，將超出所述終端設備屏幕范圍的列表項容器由所述列表主容器超出所述屏幕范圍的一端移動至未超出所述屏幕范圍的另一端；以及第二網頁數據項填充模塊，用于將待填充的網頁數據項填充至被所述列表項容器移動模塊移動至所述列表主容器另一端的所述列表項容器中。

本發(fā)明實施例提供的網頁數據處理方法及處理裝置，通過根據屏幕尺寸建立列表主容器并將該列表主容器劃分為有限個列表項容器，當偵測到有列表項容器超出終端設備的屏幕范圍時，將超出終端設備屏幕范圍的列表項容器由列表主容器超出屏幕范圍的一端移動至未超出屏幕范圍的另一端，并填入新的網頁數據項，打破了現有技術中文件對象模型節(jié)點與網頁數據項的一一對應關系，使得一個列表項容器作為一個文件對象模型節(jié)點可以重復使用，在重復使用的過程中可與不同的網頁數據項對應，只需少量列表項容器即可完成網頁繪制，從而可以降低內存開銷，減少計算量，避免在處理海量網頁數據時，出現內存溢出的現象，進而提高了網頁數據處理的穩(wěn)定性。

為讓本發(fā)明的上述和其他目的、特征和優(yōu)點能更明顯易懂，下文特舉較佳實施例，并配合所附圖式，作詳細說明如下。

附圖說明

圖1為本發(fā)明第一實施例提供的網頁數據處理方法的流程圖。

圖2為本發(fā)明第一實施例提供的網頁數據處理方法中列表主容器與列表項容器的示意圖。