本申請涉及數(shù)據(jù)處理技術領域，特別涉及一種頁面代碼的處理方法、裝置及設備。

背景技術：

隨著數(shù)據(jù)處理技術的不斷發(fā)展，越來越多的數(shù)據(jù)都可以通過可視化處理的方法，以圖片或者文字的形式向用戶展現(xiàn)。

當前，在終端設備的顯示屏上顯示的各種各樣的頁面往往是通過對頁面代碼進行處理得到的。所述頁面代碼往往按照一定的規(guī)則進行編寫，當終端設備中的處理器對編寫的頁面代碼進行運算后，便可以將該頁面代碼中包含的圖片、文字或者視頻等信息顯示于終端設備的顯示屏上，以供用戶觀看。

目前，提供給終端設備的處理器進行處理的目標頁面的頁面代碼例如可以包括名稱為c1的容器以及名稱為c2的容器，其中，c2容器可以嵌套于c1容器中，在c2容器中可以填充圖片(image)和文字(text)這兩個元素。當然，目標頁面的代碼中還可以包括更多個容器，這些容器往往可以通過嵌套的方式進行設置。這樣設置的目的在于，可以通過一個容器對嵌套于該容器內(nèi)的其它容器的排列方式進行限定，例如上述的c1容器可以限定在c1容器內(nèi)嵌套的其它容器按照從左往右或者從上到下的順序進行排列。

現(xiàn)有技術中在對上述例子中目標頁面的頁面代碼進行處理時，首先可以將c1容器渲染至終端設備的顯示屏上，在該c1容器內(nèi)，可以繼續(xù)渲染c2容器，在c2容器內(nèi)則可以渲染image和text的內(nèi)容。其中，盡管c1容器和c2容器被渲染至顯示屏上，但在實際應用中這兩個容器是不顯示的，因此用戶僅僅能從終端設備的顯示屏上觀看到image和text的內(nèi)容。也就是說，容器可以作為透明的背景，其作用可以理解為用來為容器內(nèi)顯示的可視化信息(圖片、文字、視頻等)提供布局方式。

上述例舉的頁面代碼僅僅是為了闡述現(xiàn)有技術中對頁面代碼進行處理的方式，在實際應用中，為了在終端設備的顯示屏上顯示復雜的頁面布局，在頁面代碼中往往可以嵌套非常多的容器。這些容器在渲染到顯示屏上時，盡管不會被用戶觀看到，但卻會占用終端設備較多的cpu資源和內(nèi)存資源，從而造成在頁面顯示和頁面滑動的過程中產(chǎn)生卡頓的現(xiàn)象，影響了用戶的體驗。

應該注意，上面對技術背景的介紹只是為了方便對本申請的技術方案進行清楚、完整的 說明，并方便本領域技術人員的理解而闡述的。不能僅僅因為這些方案在本申請的背景技術部分進行了闡述而認為上述技術方案為本領域技術人員所公知。

技術實現(xiàn)要素：

本申請實施方式的目的在于提供一種頁面代碼的處理方法、裝置及設備，以減小對終端設備的cpu和內(nèi)存的占用率。

為實現(xiàn)上述目的，本申請一方面提供一種頁面代碼的處理方法，所述方法包括：加載目標頁面的頁面代碼；其中所述頁面代碼包括具備嵌套關系的至少兩個頁面布局控件，其中所述頁面布局控件中包括有頁面元素；確定所述頁面代碼中頁面元素的位置信息，形成位置信息集；在終端設備的屏幕上渲染至少一個預設頁面布局控件，以及根據(jù)所述位置信息集將所述頁面元素渲染在所述至少一個預設頁面布局控件中。

為實現(xiàn)上述目的，本申請另一方面提供一種頁面代碼的處理裝置，所述裝置包括：頁面代碼加載單元，用于加載目標頁面的頁面代碼；其中所述頁面代碼包括具備嵌套關系的至少兩個頁面布局控件，其中所述頁面布局控件中包括有頁面元素；位置信息集確定單元，用于確定所述頁面代碼中頁面元素的位置信息，形成位置信息集；渲染單元，用于在終端設備的屏幕上渲染至少一個預設頁面布局控件，以及根據(jù)所述位置信息集將所述頁面元素渲染在所述至少一個預設頁面布局控件中。

另外，本申請還提供一種頁面代碼的處理設備，所述設備包括：顯示屏幕；存儲器，其用于存儲目標頁面的頁面代碼；處理器，其從所述存儲器中加載所述目標頁面的頁面代碼；其中所述頁面代碼包括具備嵌套關系的至少兩個頁面布局控件，其中所述頁面布局控件中包括有頁面元素；確定所述頁面代碼中頁面元素的位置信息，形成位置信息集；在所述顯示屏幕上渲染至少一個預設頁面布局控件，以及根據(jù)所述位置信息集將所述頁面元素渲染在所述至少一個預設頁面布局控件中。

由以上本申請實施方式提供的技術方案可見，本申請在終端設備的屏幕上最終只會渲染預設頁面布局控件和頁面代碼中的頁面元素，對于頁面代碼中多余的頁面布局控件可以不進行渲染，從而降低了終端設備的cpu和內(nèi)存的占用率，使得頁面在加載或者滑動時可以更加順暢，不會產(chǎn)生卡頓的現(xiàn)象。

參照后文的說明和附圖，詳細公開了本申請的特定實施方式，指明了本申請的原理可以被采用的方式。應該理解，本申請的實施方式在范圍上并不因而受到限制。在所附權利要求的精神和條款的范圍內(nèi)，本申請的實施方式包括許多改變、修改和等同。

針對一種實施方式描述和/或示出的特征可以以相同或類似的方式在一個或更多個其它實施方式中使用，與其它實施方式中的特征相組合，或替代其它實施方式中的特征。

應該強調(diào)，術語“包括/包含”在本文使用時指特征、整件、步驟或組件的存在，但并不排除一個或更多個其它特征、整件、步驟或組件的存在或附加。

附圖說明

所包括的附圖用來提供對本申請實施方式的進一步的理解，其構成了說明書的一部分，用于例示本申請的實施方式，并與文字描述一起來闡釋本申請的原理。顯而易見地，下面描述中的附圖僅僅是本申請的一些實施方式，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。在附圖中：

圖1為本申請實施方式提供的一種頁面代碼的處理方法流程圖；

圖2為本申請實施方式提供的一種頁面代碼的處理方法中通過起始坐標確定位置信息集步驟的流程圖；

圖3為本申請實施方式提供的一種頁面代碼的處理方法中通過距離信息確定位置信息集步驟的流程圖；

圖4為本申請實施方式提供的一種頁面代碼的處理方法中渲染預設頁面布局控件步驟的流程圖；

圖5為本申請實施方式提供的一種頁面代碼的處理裝置的功能模塊圖；

圖6為本申請實施方式提供的一種頁面代碼的處理設備的示意圖。

具體實施方式

為了使本技術領域的人員更好地理解本申請中的技術方案，下面將結合本申請實施方式中的附圖，對本申請實施方式中的技術方案進行清楚、完整地描述，顯然，所描述的實施方式僅僅是本申請一部分實施方式，而不是全部的實施方式?；诒旧暾堉械膶嵤┓绞?，本領域普通技術人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其它實施方式，都應當屬于本申請保護的范圍。

請參閱圖1。圖1為本申請實施例方式提供的一種頁面代碼的處理方法流程圖。如圖1所示，所述方法可以包括以下步驟。

步驟s11：加載目標頁面的頁面代碼；其中所述頁面代碼包括具備嵌套關系的至少兩個頁面布局控件，其中所述頁面布局控件中包括有頁面元素。

在本實施方式中，可以通過終端設備的cpu對頁面代碼進行處理，以確定所述頁面代碼中的頁面元素在終端設備的屏幕上的位置。所述終端設備可以為移動智能電話、計算機(包括筆記本電腦，臺式電腦)、平板電子設備、個人數(shù)字助理(pda)或者智能可穿戴設備等具備數(shù)據(jù)處理功能的終端設備。

在本實施方式中，所述頁面代碼可以包含于在終端設備中運行的應用程序內(nèi)。所述應用 程序例如可以為手機淘寶、支付寶、手機天貓等。所述應用程序可以通過用戶操作頁面與終端設備的用戶進行交互。所述用戶操作頁面可以向用戶展示頁面信息，并且可以從用戶處獲取用戶下達的操作指令。例如在手機淘寶的用戶操作頁面上，可以向用戶展示多個商品或者店鋪的圖片或者文字。用戶通過終端設備的觸摸屏或者鼠標等指令輸入設備，可以向手機淘寶下達觸控指令。在本實施方式中，當目標頁面的內(nèi)容需要被顯示于終端設備的屏幕上時，終端設備的cpu可以對該目標頁面對應的頁面代碼進行處理。具體地，所述目標頁面的頁面代碼可以按照預設的路徑存儲于所述應用程序中，所述預設的路徑例如可以指向所述應用程序的預設文件夾。所述終端設備的cpu可以通過所述預設的路徑，對該預設的路徑指向的文件夾中的內(nèi)容進行讀取，從而完成對所述目標頁面對應的頁面代碼的加載過程。

在本實施方式中，所述終端設備的cpu從應用程序內(nèi)加載目標頁面的頁面代碼后，從而可以對加載的頁面代碼進行處理，將頁面代碼中編輯的信息通過圖片或者文字等可視化的方式呈現(xiàn)給用戶，從而形成了在用戶操作頁面上顯示的頁面信息。

在本實施方式中，所述頁面代碼中往往包含頁面布局控件和頁面元素，其中，所述頁面元素可以為圖片、文字、視頻、按鈕等需要在終端設備的屏幕上展示給用戶觀看的信息，同時，所述頁面元素還可以包括用戶顯示視頻的插件或者用于顯示圖片的插件等，這些插件盡管不會被用戶觀看到，但其也可以通過隱藏顯示的方式存在于目標頁面中。所述頁面布局控件則可以視為盛放所述頁面元素的容器，也就是說，所述頁面元素可以被約束于某個頁面布局控件中，而一個頁面布局控件也可以約束于另一個頁面布局控件中。例如，在一個頁面代碼的例子中，可以包括具備嵌套關系的第一頁面布局控件和第二頁面布局控件，其中所述第一頁面布局控件在頁面代碼中定義的名稱可以為c1，第二頁面布局控件在頁面代碼中定義的名稱可以為c2。在該頁面代碼中，c2頁面布局控件嵌套于c1頁面布局控件中，在c2頁面布局控件中包含image和text這兩個頁面元素。這樣，上述頁面代碼中的image和text可以被約束于c2頁面布局控件中，而c2頁面布局控件則可以被約束于c1頁面布局控件中。在本實施方式中，在所述頁面代碼中可以包括具備嵌套關系的至少兩個頁面布局控件，例如上述的c1頁面布局控件和c2頁面布局控件。

步驟s13：確定所述頁面代碼中頁面元素的位置信息，形成位置信息集。

在本實施方式中，所述頁面布局控件和所述頁面元素往往具備對應的參數(shù)，其中，所述頁面布局控件的參數(shù)可以限定頁面布局控件中頁面元素的排列規(guī)則，所述排列規(guī)則可以通過預先規(guī)定的字符串以及預先規(guī)定的書寫規(guī)則進行編寫，所述排列規(guī)則可以包括從左向右橫向排列或者從上到下縱向排列。例如，在步驟s11中所述的頁面代碼的例子中，c2頁面布局控件的參數(shù)可以為style＝”flex-derection:row；”，其中，”flex-derection:row”可以為預先規(guī)定的與 從左向右橫向排列相對應的字符串，將該字符串銜接于style＝之后，便可以構成與預先規(guī)定的書寫規(guī)則一致的短句，該短句便可以被終端設備的cpu進行識別，并且終端設備的cpu可以根據(jù)該短句對c2頁面布局控件中的頁面元素image和text進行從左向右橫向排列。

在本實施方式中，所述頁面布局控件的參數(shù)還可以在終端設備的屏幕上劃定顯示區(qū)域。終端設備屏幕上的顯示區(qū)域可以通過像素點來表示。例如，終端設備的屏幕上具有1024*768個像素點，這些像素點可以呈行列分布，也就是說，該終端設備的屏幕上可以有1024行像素條，每行像素條中均有768個像素點，這樣就在終端設備的屏幕上構成了1024*768個像素點。由于當前終端設備的屏幕往往為矩形，因此頁面布局控件的參數(shù)在終端設備的屏幕上劃定的顯示區(qū)域也往往為矩形區(qū)域。通過在頁面布局控件的參數(shù)中注明矩形區(qū)域四個頂點位置處的像素點，便可以確定該矩形區(qū)域的大小。

此外，在本實施方式中，所述終端設備屏幕上的顯示區(qū)域還可以通過設置顯示區(qū)域到屏幕邊框的距離來確定。所述屏幕邊框可以包括屏幕的上邊框、下邊框、左邊框以及右邊框，到所述屏幕邊框的距離可以利用毫米或者吋等長度單位來表示。例如，所述終端設備屏幕上的某個顯示區(qū)域的位置可以表示為：到上邊框的距離為5毫米，到左邊框的距離為3毫米，到右邊框的距離為4毫米，到下邊框的距離為3毫米，假設該終端設備屏幕的整體大小為：上下邊框均為20毫米，左右邊框均為50毫米，那么該顯示區(qū)域的位置則可以限制在長為42毫米，寬為13毫米的矩形區(qū)域內(nèi)。也就是說，通過設置到終端設備屏幕的四個邊框的距離，也可以在所述終端設備的屏幕上確定顯示區(qū)域的范圍。

再者，在本實施方式中，還可以僅僅設置到所述終端設備屏幕的一個邊框的距離來確定顯示區(qū)域的范圍，到所述終端設備屏幕的其它邊框的距離可以進行缺省。例如，顯示區(qū)域到終端設備屏幕的左邊框的距離為5毫米，而顯示區(qū)域到終端設備的上邊框、下邊框以及右邊框的距離均進行了缺省，在這種情況下，可是視為所述顯示區(qū)域的左邊框到終端設備屏幕的左邊框的距離為5毫米，而所述顯示區(qū)域的其它邊框可以與終端設備的上邊框、下邊框以及右邊框對應重合。例如，終端設備的上下邊框均為20毫米，左右邊框均為50毫米，那么該顯示區(qū)域的位置可以限制在長為50毫米，寬為15毫米的矩形區(qū)域內(nèi)，也就是說，顯示區(qū)域的左邊框到終端設備屏幕的左邊框的距離為5毫米，而所述顯示區(qū)域的其它邊框可以與終端設備的上邊框、下邊框以及右邊框對應重合。通過這樣的方法，也可以確定顯示區(qū)域在終端設備的屏幕上的范圍。

需要說明的是，如果頁面布局控件的參數(shù)中沒有注明用于在終端設備的屏幕上劃定顯示區(qū)域的參數(shù)，例如上述的頁面代碼中，c1頁面布局控件和c2頁面布局控件的參數(shù)中可以沒有注明像素點或者距離值，此時則默認該頁面布局控件劃定的顯示區(qū)域為終端設備的整個屏 幕。也就是說，上述頁面代碼中c1頁面布局控件和c2頁面布局控件劃定的顯示區(qū)域均為終端設備的整個屏幕。

在本實施方式中，所述頁面元素的參數(shù)可以包括頁面元素的尺寸、鏈接或者顏色中的至少一種，也就是說，所述頁面元素的參數(shù)可以限定頁面元素在終端設備的屏幕上的顯示方式。例如，在步驟s11中所述的頁面代碼的例子中，image的尺寸可以由寬(width)和高(height)限定，所述image的寬(width)可以為200像素，高(height)可以為200像素，這樣，當所述image顯示于終端設備的屏幕上時，便可以占據(jù)寬為200像素，高為200像素的矩形區(qū)域。另外，在上述的頁面代碼中，text中文字的顏色(color)可以為紅色(#ff0000)，文字的尺寸(font-size)可以為48磅并且文字可以加粗(bold)，這樣，根據(jù)text中文字的尺寸、字數(shù)以及是否加粗，便可以決定text中的文字在終端設備的屏幕上占據(jù)的區(qū)域。例如，假設text中每個文字的大小均相同并且均加粗，每個文字在終端設備的屏幕上所占的矩形區(qū)域可以為40像素*40像素，那么該text中如果共計10個文字，那么該text在終端設備的屏幕上所占的矩形區(qū)域便可以為40像素*400像素。

在本實施方式中，通過頁面布局控件的參數(shù)，可以確定該頁面布局控件在終端設備的屏幕上劃定的顯示區(qū)域以及頁面元素在該顯示區(qū)域中的排列方式。通過頁面元素的參數(shù)，便可以確定頁面元素的尺寸，從而可以確定頁面元素在終端設備的屏幕上實際顯示的位置。例如，在上述頁面代碼中，c1頁面布局控件劃定的顯示區(qū)域為終端設備的整個屏幕，c2頁面布局控件嵌套于c1頁面布局控件中，劃定的顯示區(qū)域也為終端設備的整個屏幕，而在c2頁面布局控件中具有image和text這兩個頁面元素，這兩個頁面元素的排列方式由c2頁面布局控件的style參數(shù)決定，即從左向右橫向排列。由image和text的參數(shù)可見，image的寬和高均為200像素，text中文字的顏色為紅色(#ff0000)，文字的尺寸(font-size)為48磅并且文字被加粗(bold)。那么根據(jù)這些參數(shù)，首先可以確定image在終端設備的顯示屏幕上所占的矩形區(qū)域，該矩形區(qū)域位于終端設備屏幕的左上角，其面積為200像素*200像素；接著，text中的文字所占的矩形區(qū)域可以位于image所占矩形區(qū)域的右側，text中的文字所占的矩形區(qū)域可以通過text中文字的尺寸、字數(shù)以及是否加粗來決定。例如，假設text中每個文字的大小均相同并且均加粗，每個文字在終端設備的屏幕上所占的矩形區(qū)域可以為40像素*40像素，那么該text中如果共計10個文字，那么該text中的文字在終端設備的屏幕上所占的矩形區(qū)域便可以為40像素*400像素。也就是說，該text中的文字在終端設備的屏幕上所占的矩形區(qū)域位于image所占的矩形區(qū)域的右側，其面積為40像素*400像素。

由上可見，在本實施方式中，根據(jù)頁面代碼中頁面布局控件的參數(shù)以及頁面元素的參數(shù)，可以確定所述頁面代碼中的頁面元素在終端設備的屏幕上的位置信息。在本實施方式中，所 述頁面元素在終端設備的屏幕上占據(jù)的區(qū)域往往為矩形區(qū)域，那么所述頁面元素的位置信息可以為所述矩形區(qū)域左上角頂點的坐標，當所述矩形區(qū)域左上角頂點的坐標確定后，便可以根據(jù)所述頁面布局控件的參數(shù)限定的排列方式以及所述頁面元素的參數(shù)限定的區(qū)域大小，確定所述矩形區(qū)域在終端設備的屏幕上的實際位置。例如，所述矩形區(qū)域左上角頂點的坐標為(3,5)，所述頁面布局控件的參數(shù)限定的排列方式為從左向右橫向排列，所述頁面元素的參數(shù)限定的區(qū)域大小為長200像素，寬150像素，那么該矩形區(qū)域右上角頂點可以為(203,5)，左下角頂點可以為(3,155)，右下角頂點可以為(203,155)，這樣，該矩形區(qū)域在終端設備屏幕上的實際位置便可以由這四個頂點的坐標來確定。在本實施方式中，所述矩形區(qū)域左上角頂點的坐標可以為所述頁面元素在終端設備的屏幕上的起始坐標。通過確定所述頁面元素的起始坐標，便可以確定所述頁面元素在終端設備屏幕上的實際位置。因此，在本實施方式中，可以將將得到的所述頁面元素在終端設備的屏幕上的起始坐標作為所述頁面元素的位置信息。

在本實施方式中，由于一個矩形區(qū)域可以被該矩形區(qū)域中相對的兩個頂點確定，因此在本實施方式中，所述位置信息集中還可以包括所述頁面元素在所述終端設備的屏幕上的終止坐標。所述起始坐標可以為頁面元素在終端設備的屏幕上所占的矩形區(qū)域的左上頂點位置處的坐標，而所述終止坐標可以為所述矩形區(qū)域右下頂點位置處的坐標，這樣，所述起始坐標和所述終止坐標在所述終端設備的屏幕上限定的矩形區(qū)域便可以為所述頁面元素在所述終端設備的屏幕上所占的區(qū)域，所述起始坐標和所述終止坐標為所述矩形區(qū)域的兩個相對的頂點的坐標。

在本實施方式中，所述頁面元素在終端設備屏幕上所占的矩形區(qū)域還可以通過該矩形區(qū)域到終端設備的屏幕邊框的距離來確定。例如，所述屏幕邊框可以包括屏幕的上邊框、下邊框、左邊框以及右邊框，到所述屏幕邊框的距離可以利用毫米或者吋等長度單位來表示。例如，所述頁面元素在終端設備屏幕上所占的矩形區(qū)域可以表示為：到上邊框的距離為5毫米，到左邊框的距離為3毫米，到右邊框的距離為4毫米，到下邊框的距離為3毫米，假設該終端設備屏幕的整體大小為：上下邊框均為20毫米，左右邊框均為50毫米，那么該矩形區(qū)域的位置則可以限制在長為42毫米，寬為13毫米的矩形區(qū)域內(nèi)。也就是說，通過確定到終端設備的屏幕邊框的距離，也可以在所述終端設備的屏幕上確定頁面元素所占的矩形區(qū)域的范圍。因此，在本實施方式中，所述頁面元素的位置信息也可以包括所述頁面元素到終端設備的屏幕邊框的距離。需要說明的是，所述頁面元素到終端設備的屏幕邊框的距離可以包括所述頁面元素到終端設備的屏幕的至少一個邊框的距離。例如，在本實施方式中，可以僅僅設置到所述終端設備屏幕的一個邊框的距離來確定所述頁面元素在終端設備屏幕上所占的矩 形區(qū)域的范圍，到所述終端設備屏幕的其它邊框的距離可以進行缺省。例如，所述頁面元素到終端設備屏幕的左邊框的距離為5毫米，到終端設備的上邊框、下邊框以及右邊框的距離均進行了缺省，在這種情況下，可以視為所述頁面元素的左邊框到終端設備屏幕的左邊框的距離為5毫米，而所述頁面元素的其它邊框可以與終端設備的上邊框、下邊框以及右邊框對應重合。例如，終端設備的上下邊框均為20毫米，左右邊框均為50毫米，那么該頁面元素的位置可以限制在長為50毫米，寬為15毫米的矩形區(qū)域內(nèi)，也就是說，頁面元素的左邊框到終端設備屏幕的左邊框的距離為5毫米，而所述頁面元素的其它邊框可以與終端設備的上邊框、下邊框以及右邊框對應重合。通過這樣的方法，也可以確定頁面元素在終端設備的屏幕上所占矩形區(qū)域的范圍。

在本實施方式中，所述位置信息可以通過數(shù)組的方式進行表示，所述數(shù)組中可以包括頁面元素標識以及所述頁面元素的位置標識。其中，所述頁面元素標識可以按照頁面元素的類型以及頁面元素在頁面代碼中出現(xiàn)的順序來進行確定。例如，在頁面代碼中包括圖片和文字這兩種類型的頁面元素，其中，圖片類型的頁面元素有3個，文字類型的頁面元素有兩個，那么根據(jù)頁面元素在頁面代碼中出現(xiàn)的順序，可以將第一個圖片類型的頁面元素的標識確定為image1，依次類推，第二個和第三個圖片類型的頁面元素的標識可以確定為image2和image3，而文字類型的兩個頁面元素的標識可以分別為text1和text2。所述頁面元素的位置標識即可以為上述的頁面元素的起止坐標或者所述頁面元素的起始坐標和終止坐標或者所述頁面元素到終端設備的屏幕邊框的距離中的至少一個。具體地，所述數(shù)組的表達形式可以為{頁面元素標識，頁面元素的位置標識}。例如，對于頁面代碼中的第二個圖片類型的頁面元素，其在終端設備的屏幕上的起始坐標為(10,20)，那么該頁面元素的位置信息可以表示為{image2，(10,20)}。

在本實施方式中，當確定了各個頁面元素的位置信息后，可以將確定的位置信息構成位置信息集。具體地，所述位置信息集中的位置信息可以通過堆棧的方式進行存儲。其中，堆(heap)中的位置信息可以遵循先進先出的原則進行存儲和讀取，那么在通過堆(heap)的方式對所述位置信息集中的位置信息進行存儲時，可以按照頁面元素在頁面代碼中出現(xiàn)的順序，對頁面元素的位置信息依次存儲。這樣，在對頁面元素的位置信息進行讀取時，讀取的順序與頁面元素在頁面代碼中出現(xiàn)的順序是一致的。例如，所述位置信息集中包括頁面元素image的位置信息和頁面元素text的位置信息，所述頁面元素image位于所述頁面元素text之前，那么通過堆的方式對這兩個頁面元素的位置信息進行存儲時，可以先存儲image的位置信息，再存儲text的位置信息，這樣在后續(xù)從位置信息集中讀取位置信息時，便可以先讀取image的位置信息，再讀取text的位置信息。而通過棧(stack)的方式對所述位置信息集 中的位置信息進行存儲時，由于棧中的位置信息可以遵循先進后出的原則進行存儲和讀取，因此可以按照頁面元素在頁面代碼中出現(xiàn)的順序，對頁面元素的位置信息進行反序存儲。這樣，在對頁面元素的位置信息進行讀取時，讀取的順序與頁面元素在頁面代碼中出現(xiàn)的順序也可以保持一致。同樣以上述的image和text這兩個頁面元素為例，在通過棧的方式對這兩個頁面元素的位置信息進行存儲時，可以先存儲text的位置信息，再存儲image的位置信息，這樣根據(jù)先進后出的原則，在后續(xù)從位置信息集中讀取位置信息時，便可以先讀取image的位置信息，再讀取text的位置信息。

另外，在本實施方式中，所述位置信息集中的位置信息還可以通過樹形結構的方式進行存儲。具體地，所述樹形結構中的各個位置信息可以根據(jù)頁面元素在頁面代碼中出現(xiàn)的順序從上到下依次排列。例如，所述位置信息集中包括頁面元素image的位置信息和頁面元素text的位置信息，所述頁面元素image位于所述頁面元素text之前，那么通過樹形結構的方式對這兩個頁面元素的位置信息進行存儲時，可以在樹形結構的頂部存儲image的位置信息，在所述image的位置信息下方可以存儲text的位置信息。這樣，在對所述位置信息集中的位置信息進行讀取時，可以根據(jù)樹形結構的排列順序，依次讀取所述樹形結構中的各個位置信息。

步驟s15：在終端設備的屏幕上渲染至少一個預設頁面布局控件，以及根據(jù)所述位置信息集將所述頁面元素渲染在所述至少一個預設頁面布局控件中。

在現(xiàn)有技術中往往將頁面代碼中出現(xiàn)的頁面布局控件均在終端設備的屏幕上進行渲染，從而使得終端設備的cpu和內(nèi)存被過度占用，以致在頁面加載和頁面滑動時產(chǎn)生頓卡的現(xiàn)象。為了避免這種影響用戶體驗的情況發(fā)生，在本實施方式中可以將頁面代碼中各個頁面元素在終端設備的屏幕上所占的位置信息預先確定出來，從而可以將頁面元素與頁面布局控件相脫離，以減少在終端設備的屏幕上進行渲染的頁面布局控件的數(shù)量。具體的，在本實施方式中，在確定出頁面代碼中各個頁面元素在終端設備的屏幕上所占的位置信息后，可以預先確定至少一個預設頁面布局控件。所述預設頁面布局控件可以為所述頁面代碼中的頁面布局控件，也可以是另外指定的頁面布局控件，本申請對此并不做限定。

在本實施方式中，對所述預設頁面布局控件進行渲染，可以指對所述預設頁面布局控件的代碼進行分析，從而確定所述預設頁面布局控件在終端設備的屏幕上限定的顯示區(qū)域，然后將該顯示區(qū)域在終端設備的屏幕上進行顯示的過程。對所述頁面元素進行渲染，可以指從步驟s13中確定出的位置信息集中讀取各個頁面元素對應的位置信息，并根據(jù)所述位置信息確定頁面元素在終端設備的屏幕上的實際位置，從而將該頁面元素顯示于終端設備的屏幕上的過程。

在本實施方式中，所述預設頁面布局控件中可以包括所述頁面代碼中的頁面元素，這樣， 所述頁面代碼中的頁面元素便可以限定于所述預設頁面布局控件中。例如，在步驟s11中所述的頁面代碼的例子中，在c1頁面布局控件中嵌套了c2頁面布局控件，由于這兩個頁面布局控件的參數(shù)中均沒有對顯示區(qū)域進行限定，因此這兩個頁面布局控件在終端設備的屏幕上限定的顯示區(qū)域均為整個屏幕，也就是說，盡管c2頁面布局控件嵌套于c1頁面布局控件內(nèi)，但實際上這兩個頁面布局控件在終端設備的屏幕上限定的顯示區(qū)域是相同的。在c2頁面布局控件中包含有image和text這兩個頁面元素，那么在將image和text顯示于終端設備的屏幕上時，并不需要將c1頁面布局控件和c2頁面布局控件均在終端設備的屏幕上進行渲染，由于這兩個頁面布局控件中均包含了該頁面代碼中所有的頁面元素(image和text)，那么便可以從c1頁面布局控件和c2頁面布局控件中選擇一個在終端設備的屏幕上進行渲染，從而減少在渲染過程中對終端設備的cpu和內(nèi)存的占用率。

在本實施方式中，所述預設頁面布局控件中可以包括頁面代碼中的頁面元素，例如上述的c1頁面布局控件和c2頁面布局控件中均包括該頁面代碼中的頁面元素(image和text)，因此c1頁面布局控件和c2頁面布局控件均可以作為所述預設頁面布局控件。然而某些頁面代碼中，不同的頁面布局控件可以包括不同的頁面元素。例如，在某個頁面代碼中，id為c3的頁面布局控件限定的顯示區(qū)域為終端設備的整個屏幕，在c3頁面布局控件中內(nèi)嵌了c4頁面布局控件和c5頁面布局控件。其中，c4頁面布局控件和c5頁面布局控件將終端設備的屏幕等分為左半邊屏幕和右半邊屏幕，c4頁面布局控件限定的顯示區(qū)域可以為終端設備的左半邊屏幕，c5頁面布局控件限定的顯示區(qū)域可以為終端設備的右半邊屏幕。在c4頁面布局控件中包括頁面元素image1和text1，在c5頁面布局控件中包括頁面元素image2和text2。這樣，在該頁面代碼中包括3個頁面布局控件以及4個頁面元素，而只有c3頁面布局控件中包括該頁面代碼的所有頁面元素(image1，text1，image2，text2)，c4頁面布局控件和c5頁面布局控件均包含該頁面代碼中的部分頁面元素，因此在該頁面代碼中，可以將c3頁面布局控件作為預設頁面布局控件，還可以將c4和c5這兩個頁面布局控件同時作為預設頁面布局控件，這樣該頁面代碼中的image1，text1，image2以及text2這4個頁面元素就可以在預設頁面布局控件中顯示。

在本實施方式中，在確定所述頁面代碼中的頁面元素在終端設備的屏幕上的位置信息集以及確定所述預設頁面布局控件之后，便可以在終端設備的屏幕上渲染所述預設頁面布局控件以及所述頁面元素。在步驟s11中所述的頁面代碼的例子中，c1頁面布局控件作為預設頁面布局控件可以被渲染于終端設備的屏幕上，c1頁面布局控件限定的顯示區(qū)域為終端設備的整個屏幕。在c1頁面布局控件中，頁面元素image和text被從左向右橫向排列，因此頁面元素image和text可以根據(jù)在位置信息集中的對應的位置信息，被渲染至所述c1頁面布局控件 中，從而可以完成對頁面代碼的處理過程。在實際應用場景中，c1頁面布局控件盡管被渲染至終端設備的屏幕上，但其并不會被用戶查看到，用戶在終端設備的屏幕上只會看到頁面元素image和text。

由上可見，根據(jù)本申請?zhí)峁┑囊环N頁面代碼的處理方法，在終端設備的屏幕上最終只會渲染預設頁面布局控件和頁面代碼中的頁面元素，對于頁面代碼中多余的頁面布局控件并不會進行渲染，從而降低了終端設備的cpu和內(nèi)存的占用率，使得頁面在加載或者滑動時可以更加順暢，不會產(chǎn)生卡頓的現(xiàn)象。

在一個具體的應用場景中，在手機淘寶中的一個頁面對應的頁面代碼中，可以包括具備嵌套關系的第一頁面布局控件和第二頁面布局控件，其中所述第一頁面布局控件在頁面代碼中定義的名稱可以為c1，第二頁面布局控件在頁面代碼中定義的名稱可以為c2。在該頁面代碼中，c2頁面布局控件嵌套于c1頁面布局控件中，在c2頁面布局控件中包含image和text這兩個頁面元素。c2頁面布局控件的參數(shù)可以為style＝”flex-derection:row；”，其中，”flex-derection:row”可以為預先規(guī)定的與從左向右橫向排列相對應的字符串。所述c1頁面布局控件和c2頁面布局控件劃定的顯示區(qū)域可以為終端設備的整個屏幕。image的寬和高均可以為200像素，text中文字的顏色可以為紅色(#ff0000)，文字的尺寸(font-size)可以為48磅并且文字可以被加粗(bold)。

在這種情況下，終端設備的cpu可以預先從手機淘寶中加載該頁面代碼，在處理該頁面代碼時，可以預先確定該頁面代碼中的頁面元素image和text在終端設備的屏幕上的位置信息。具體地，c1頁面布局控件劃定的顯示區(qū)域為終端設備的整個屏幕，c2頁面布局控件嵌套于c1頁面布局控件中，劃定的顯示區(qū)域也為終端設備的整個屏幕，而在c2頁面布局控件中具有image和text這兩個頁面元素，這兩個頁面元素的排列方式由c2頁面布局控件的style參數(shù)決定，即從左向右橫向排列。由image和text的參數(shù)可見，image的寬和高均為200像素，text中文字的顏色為紅色(#ff0000)，文字的尺寸(font-size)為48磅并且文字被加粗(bold)，那么根據(jù)這些參數(shù)，首先可以確定image在終端設備的顯示屏幕上所占的矩形區(qū)域，該矩形區(qū)域位于終端設備屏幕的左上角，其面積為200像素*200像素；接著，text中的文字所占的矩形區(qū)域可以位于image所占矩形區(qū)域的右側，text中的文字所占的矩形區(qū)域可以通過text中文字的尺寸、字數(shù)以及是否加粗來決定。例如，假設text中每個文字的大小均相同并且均加粗，每個文字在終端設備的屏幕上所占的矩形區(qū)域可以為40像素*40像素，那么該text中如果共計10個文字，那么該text中的文字在終端設備的屏幕上所占的矩形區(qū)域便可以為40像素*400像素。也就是說，該text中的文字在終端設備的屏幕上所占的矩形區(qū)域位于image所占的矩形區(qū)域的右側，其面積為40像素*400像素。

在確定了上述頁面代碼中頁面元素image和text在終端設備的屏幕上的位置信息后，可以從所述頁面代碼中確定預設頁面布局控件。由于在該頁面代碼中，c1頁面布局控件和c2頁面布局控件中均包括了頁面元素image和text，因此可以從這兩個頁面布局控件中確定任一頁面布局控件，以作為所述預設頁面布局控件。例如，可以將c1頁面布局控件確定為預設頁面布局控件，從而可以將c1頁面布局控件和image、text渲染至終端設備的屏幕上。其中，c1頁面布局控件盡管被渲染至終端設備的屏幕上，但其并不會被用戶查看到，用戶在終端設備的屏幕上只會看到頁面元素image和text。

請參閱圖2，在一個實施方式中，頁面元素在終端設備的屏幕上占據(jù)的顯示區(qū)域往往為矩形區(qū)域，假設該矩形區(qū)域的左上角頂點的位置被確定了，便可以根據(jù)頁面元素的參數(shù)，進一步確定該矩形區(qū)域所占的范圍。因此，在本實施方式中，步驟s13具體可以包括以下幾個步驟。

步驟s31：根據(jù)所述頁面代碼中所述頁面布局控件的參數(shù)以及所述頁面元素的參數(shù)，確定所述頁面元素在終端設備的屏幕上的起始坐標；

步驟s33：將得到的所述頁面元素在終端設備的屏幕上的起始坐標作為所述頁面元素的位置信息，形成位置信息集。

在本實施方式中，所述終端設備屏幕上的每個像素點可以對應著一個唯一的坐標。通過該坐標便可以對各個像素點進行定位。目前，由于終端設備的屏幕往往為矩形，因此像素點在屏幕中的位置可以通過橫向編號和縱向編號來確定。在本實施方式中，可以將屏幕左上角的像素點的橫向編號設置為1，縱向編號同樣為1，在橫向方向和縱向方向的編號可以從1開始分別依次遞增。這樣，(1,1)便可以作為屏幕左上角的像素點的坐標，其中，第一個1為該像素點的橫向編號，第二個1為該像素點的縱向編號。對于1024*768的屏幕而言，屏幕右下角的像素點的坐標可以為(768,1024)，屏幕右上角的像素點的坐標可以為(768,1)，屏幕左下角的像素點的坐標可以為(1,1024)。

在本實施方式中，可以將所述頁面元素在終端設備的屏幕上所占的矩形區(qū)域的左上角頂點的坐標作為所述頁面元素在終端設備的屏幕上的起始坐標。具體地，通過頁面布局控件的參數(shù)，可以確定該頁面布局控件在終端設備的屏幕上劃定的顯示區(qū)域以及頁面元素在該顯示區(qū)域中的排列方式。通過頁面元素的參數(shù)，便可以確定頁面元素的尺寸，從而可以確定頁面元素在終端設備的屏幕上實際顯示的位置。例如，在步驟s11中所述的頁面代碼的例子中，c2頁面布局控件劃定的顯示區(qū)域為終端設備的整個屏幕，并且該頁面布局控件中的image和text的排列方式為從左向右橫向排列。在本實施方式中，image和text在終端設備的屏幕上所占的區(qū)域均可以為矩形。對于image而言，其寬為200像素，高也為200像素，因此該image 在終端設備的屏幕上占據(jù)的是200像素*200像素的矩形區(qū)域。由于c2頁面布局控件劃定的顯示區(qū)域為終端設備的整個屏幕，因此image在終端設備屏幕上顯示的矩形區(qū)域的左上角像素點可以為(1,1)，那么坐標(1,1)便可以作為頁面元素image在終端設備的屏幕上的起始坐標。該image在終端設備的屏幕上占據(jù)的是200像素*200像素的矩形區(qū)域，并且該image遵循從左向右橫向排列的方式，這樣，在所述頁面元素對應的起始坐標確定后，便可以確定image在終端設備的屏幕上所占的矩形區(qū)域。

在本實施方式中，由于c2頁面布局控件中頁面元素的排列方式為從左向右橫向排列，因此text的內(nèi)容可以顯示于image的右側。在上述的頁面代碼中，text的參數(shù)限定了text中文字的字體大小、字體是否加粗以及字體的顏色和背景色，這樣，可以根據(jù)text中文字的字數(shù)、文字的大小以及文字是否加粗，決定text中的文字在終端設備的屏幕上占據(jù)的區(qū)域。例如，假設text中每個文字的大小均相同并且均加粗，每個文字在終端設備的屏幕上所占的矩形區(qū)域可以為40像素*40像素，那么該text中如果共計10個文字，那么該text在終端設備的屏幕上所占的矩形區(qū)域便可以為40像素*400像素。由于text的內(nèi)容位于image的右側，因此text在終端設備屏幕上顯示的矩形區(qū)域的左上角像素點可以為(201,1)，那么坐標(201,1)便可以作為頁面元素text在終端設備的屏幕上的起始坐標。再根據(jù)該text在終端設備的屏幕上所占的矩形區(qū)域為40像素*400像素以及從左向右橫向排列的方式，從而可以確定該text的內(nèi)容在終端設備的屏幕上所占的矩形區(qū)域。

由上可見，在本實施方式中，通過確定頁面代碼中的頁面元素在終端設備的屏幕上對應的起始坐標，從而能夠在終端設備的屏幕上確定頁面元素在終端設備的屏幕上所占的矩形區(qū)域。那么，在確定了頁面代碼中各個頁面元素對應的起始坐標后，便可以將得到的所述頁面元素在終端設備的屏幕上的起始坐標作為所述頁面元素的位置信息，從而可以形成位置信息集。具體地，所述位置信息可以通過數(shù)組的方式進行表示并且所述位置信息集中的位置信息可以通過堆棧的方式或者樹形結構的方式進行存儲，具體的實現(xiàn)方式與步驟s13中的描述一致，這里便不再贅述。

在一個實施方式中，由于一個矩形區(qū)域可以被該矩形區(qū)域中相對的兩個頂點確定，因此在本實施方式中，所述位置信息集中除了所述起始坐標之外，還可以包括所述頁面元素在所述終端設備的屏幕上的終止坐標。其中，所述起始坐標可以為頁面元素在終端設備的屏幕上所占的矩形區(qū)域的左上頂點位置處的坐標，而所述終止坐標可以為所述矩形區(qū)域右下頂點位置處的坐標，這樣，所述起始坐標和所述終止坐標在所述終端設備的屏幕上限定的矩形區(qū)域便可以為所述頁面元素在所述終端設備的屏幕上所占的區(qū)域，所述起始坐標和所述終止坐標為所述矩形區(qū)域的兩個相對的頂點的坐標。具體地，在本實施方式中，可以根據(jù)所述頁面元 素的起始坐標以及所述頁面元素的參數(shù)，確定所述頁面元素在終端設備的屏幕上的終止坐標。以步驟s11中的頁面代碼為例，頁面顯示元素image的起始坐標可以為(1,1)，而該image在終端設備的屏幕上占據(jù)的是200像素*200像素的矩形區(qū)域，那么可以確定該image在終端設備的屏幕上的終止坐標可以為(200,200)。在本實施方式中，在確定所述頁面元素在終端設備的屏幕上的終止坐標后，可以將所述起始坐標和所述終止坐標作為所述頁面元素的位置信息，從而形成所述頁面元素的位置信息集。具體地，所述位置信息可以通過數(shù)組的方式進行表示并且所述位置信息集中的位置信息可以通過堆棧的方式或者樹形結構的方式進行存儲，具體的實現(xiàn)方式與步驟s13中的描述一致，這里便不再贅述。

這樣，在本實施方式中，通過兩個起始坐標和終止坐標便可以確定出頁面元素在終端設備的屏幕上的位置，從而節(jié)省了終端設備的cpu在計算頁面元素的位置時所需的開銷，減輕了終端設備的運算壓力。

請參閱圖3。在一個實施方式中，所述頁面元素在終端設備屏幕上所占的矩形區(qū)域還可以通過該矩形區(qū)域到終端設備的屏幕邊框的距離來確定，因此，在本實施方式中，步驟s13具體可以包括以下幾個步驟。

步驟s311：根據(jù)所述頁面元素的參數(shù)，確定所述頁面元素與終端設備的屏幕邊框之間的距離信息；其中，所述距離信息中包括所述頁面元素到所述終端設備的屏幕的至少一個邊框的距離；

步驟s313：將得到的所述頁面元素與終端設備的屏幕邊框之間的距離信息作為所述頁面元素的位置信息，形成位置信息集。

在本實施方式中，所述頁面元素在終端設備屏幕上所占的矩形區(qū)域可以通過該矩形區(qū)域到終端設備的屏幕邊框的距離信息來確定。所述距離信息可以包括所述頁面元素到終端設備屏幕的至少一個邊框的距離，所述距離可以利用毫米或者吋等長度單位來表示。例如，在本實施方式中，可以僅僅設置到所述終端設備屏幕的一個邊框的距離來確定所述頁面元素在終端設備屏幕上所占的矩形區(qū)域的范圍，到所述終端設備屏幕的其它邊框的距離可以進行缺省。例如，所述頁面元素到終端設備屏幕的左邊框的距離為5毫米，到終端設備的上邊框、下邊框以及右邊框的距離均進行了缺省，在這種情況下，可以視為所述頁面元素的左邊框到終端設備屏幕的左邊框的距離為5毫米，而所述頁面元素的其它邊框可以與終端設備的上邊框、下邊框以及右邊框對應重合。當然，所述距離信息還可以包括頁面元素到終端設備的四個邊框的距離，例如，所述頁面元素在終端設備屏幕上所占的矩形區(qū)域可以表示為：到終端設備屏幕的上邊框的距離為5毫米，到左邊框的距離為3毫米，到右邊框的距離為4毫米，到下邊框的距離為3毫米，假設該終端設備屏幕的整體大小為：上下邊框均為20毫米，左 右邊框均為50毫米，那么該矩形區(qū)域的位置則可以限制在長為42毫米，寬為13毫米的矩形區(qū)域內(nèi)。這樣，通過確定到終端設備的屏幕邊框的距離，從而可以在所述終端設備的屏幕上確定頁面元素所占的矩形區(qū)域的范圍。

在本實施方式中，可以將得到的所述頁面元素與終端設備的屏幕邊框之間的距離信息作為所述頁面元素的位置信息。具體地，所述位置信息可以通過數(shù)組的方式進行表示并且所述位置信息集中的位置信息可以通過堆棧的方式或者樹形結構的方式進行存儲，具體的實現(xiàn)方式與步驟s13中的描述一致，這里便不再贅述。

在一個實施方式中，由于在頁面代碼中頁面布局控件往往逐層嵌套，例如步驟s11中的頁面代碼的例子中，c2頁面布局控件就是嵌套于c1頁面布局控件中，那么下一層頁面布局控件中的頁面元素也往往包含于上一層的頁面布局控件中，例如，c2頁面布局控件中的image和text這兩個頁面元素也包含于c1頁面布局控件中。因此，為了能夠正確地從眾多的頁面布局控件中確定出預設頁面布局控件，可以首先確定出頁面代碼中的第一個頁面元素，那么包含所述第一個頁面元素的頁面布局控件中則可以包含該頁面代碼中的所有頁面元素。請參閱圖4，在本實施方式中，在終端設備上渲染至少一個預設頁面布局控件的步驟具體可以包括以下幾個步驟。

步驟s51：確定所述頁面代碼中的第一個頁面元素；

步驟s53：將所述頁面代碼中包含所述第一個頁面元素的頁面布局控件確定為候選頁面布局控件；

步驟s55：從所述候選頁面布局控件中選擇任一頁面布局控件，并將選擇的所述頁面布局控件渲染至終端設備的屏幕上。

在本實施方式中，可以對頁面代碼中的字符串進行逐行掃描，并識別出該頁面代碼中的第一個頁面元素。具體的，可以通過將頁面代碼中的字符串與預設的頁面元素字符串進行對比，所述預設的頁面元素字符串例如可以為image或者text，在對比后，可以從所述頁面代碼中確定與所述預設的頁面元素字符串相匹配的字符串。例如，對于步驟s11中的頁面代碼而言，該頁面代碼中與預設的頁面元素字符串相匹配的字符串有image和text。在從所述頁面代碼中確定與所述預設的頁面元素字符串相匹配的字符串之后，可以記錄確定的所述字符串在所述頁面代碼中的行號。例如，假設上述的image在頁面代碼中的行號為3，text所在的行號為4。接著，在本實施方式中可以通過對比記錄的行號，便可以將記錄的所述行號中最小的行號對應的頁面元素確定為所述頁面代碼中的第一個頁面元素。也就是說，在步驟s11中的頁面代碼中，記錄的行號中最小的行號為3，而該行號對應的頁面元素為image，因此image可以作為該頁面代碼中的第一個頁面元素。

在本實施方式中，確定出頁面代碼中的第一個頁面元素后，便可以將包含所述第一個頁面元素的頁面布局控件確定為候選頁面布局控件。例如，在步驟s11中的頁面代碼的例子中，由于c2頁面布局控件嵌套于c1頁面布局控件中，因此c1頁面布局控件與c2頁面布局控件中均包括所述第一個頁面元素image，這樣，c1頁面布局控件與c2頁面布局控件均可以被確定為候選頁面布局控件。在本實施方式中，為了避免在終端設備的屏幕上渲染多個頁面布局控件，可以從所述候選頁面布局控件中選擇任一頁面布局控件，并將選擇的所述頁面布局控件作為所述頁面代碼的預設頁面布局控件。這樣，通過對頁面代碼中第一個頁面元素的行號進行確定，從而可以準確地獲取頁面代碼中包含所有頁面元素的頁面布局控件，進一步地便可以確定所述預設頁面布局控件。

在一個實施方式中，為了更加快速地確定所述預設頁面布局控件，并且減少終端設備的cpu的運算壓力，可以將所述頁面代碼中的第一個頁面布局控件確定為所述頁面代碼的預設頁面布局控件。這樣處理的原因在于，頁面代碼中后續(xù)的頁面布局控件往往嵌套于第一個頁面布局控件中，那么后續(xù)頁面布局控件中的頁面元素也往往包含于第一個頁面布局控件中，因此可以直接將第一個頁面布局控件確定為該頁面代碼中的預設頁面布局控件，以避免復雜的運算過程，減輕終端設備的cpu的運算壓力，同時也提高了確定目標頁面布局控件的速度。

在一個實施方式中，在頁面代碼中，某些頁面元素的參數(shù)中會添加“dolayout＝true”的字符串。該字符串往往是調(diào)試人員為了測試該頁面元素的布局是否正確而添加的，在實際應用場景中，攜帶有該字符串的頁面元素在終端設備的屏幕上往往是不顯示的。因此，在本實施方式中，在步驟s15之前，可以判斷所述頁面元素的參數(shù)中是否包含預設字符串。此處的所述預設字符串便可以為“dolayout＝true”字符串。當所述頁面元素的參數(shù)中包含該預設字符串時，則不在終端設備的屏幕上顯示該頁面元素。這樣，在本實施方式中，可以在終端設備的屏幕上渲染至少一個預設頁面布局控件，以及根據(jù)所述位置信息集將所述頁面元素的參數(shù)中不包含所述預設字符串的頁面元素渲染在所述至少一個預設頁面布局控件中。

請參閱圖5。本申請還提供一種頁面代碼的處理裝置。如圖5所示，所述裝置可以包括頁面代碼加載單元100，位置信息集確定單元200以及渲染單元300。

其中，所述頁面代碼加載單元100可以用于加載目標頁面的頁面代碼；其中所述頁面代碼包括具備嵌套關系的至少兩個頁面布局控件，其中所述頁面布局控件中包括有頁面元素；

所述位置信息集確定單元200可以用于確定所述頁面代碼中頁面元素的位置信息，形成位置信息集；

所述渲染單元300可以用于在終端設備的屏幕上渲染至少一個預設頁面布局控件，以及 根據(jù)所述位置信息集將所述頁面元素渲染在所述至少一個預設頁面布局控件中。

在本申請一實施方式中，所述位置信息集確定單元200可以包括起始坐標確定模塊201，用于根據(jù)所述頁面代碼中所述頁面布局控件的參數(shù)以及所述頁面元素的參數(shù)，確定所述頁面元素在終端設備的屏幕上的起始坐標；位置信息集構成模塊202，用于將得到的所述頁面元素在終端設備的屏幕上的起始坐標作為所述頁面元素的位置信息，形成位置信息集。

在本申請一實施方式中，所述渲染單元300可以包括頁面元素確定模塊301，用于確定所述頁面代碼中的第一個頁面元素；候選頁面布局控件確定模塊302，用于將所述頁面代碼中包含所述第一個頁面元素的頁面布局控件確定為候選頁面布局控件；預設頁面布局控件選擇模塊303，用于從所述候選頁面布局控件中選擇任一頁面布局控件，并將選擇的所述頁面布局控件渲染至終端設備的屏幕上。

需要說明的是，上述各個功能模塊的具體實現(xiàn)過程均與上述方法步驟中的描述一致，這里便不再贅述。

請參閱圖6。本申請還提供一種頁面代碼的處理設備。如圖6所示，所述設備可以包括顯示屏幕10，存儲器20以及處理器30。

其中，所述存儲器20可以存儲目標頁面的頁面代碼；

所述處理器30可以從所述存儲器20中加載所述目標頁面的頁面代碼；其中所述頁面代碼包括具備嵌套關系的至少兩個頁面布局控件，其中所述頁面布局控件中包括有頁面元素；確定所述頁面代碼中頁面元素的位置信息，形成位置信息集；在所述顯示屏幕10上渲染至少一個預設頁面布局控件，以及根據(jù)所述位置信息集將所述頁面元素渲染在所述至少一個預設頁面布局控件中。

本申請實施方式提供的一種頁面代碼的處理方法、裝置及設備，在終端設備的屏幕上最終只會渲染目標頁面布局控件和頁面代碼中的頁面元素，對于頁面代碼中多余的頁面布局控件并不會進行渲染，從而降低了終端設備的cpu和內(nèi)存的占用率，使得頁面在加載或者滑動時可以更加順暢，不會產(chǎn)生卡頓的現(xiàn)象。

上面對本申請的各種實施方式的描述以描述的目的提供給本領域技術人員。其不旨在是窮舉的、或者不旨在將本申請限制于單個公開的實施方式。如上所述，本申請的各種替代和變化對于上述技術所屬領域技術人員而言將是顯而易見的。因此，雖然已經(jīng)具體討論了一些另選的實施方式，但是其它實施方式將是顯而易見的，或者本領域技術人員相對容易得出。本申請旨在包括在此已經(jīng)討論過的本申請的所有替代、修改、和變化，以及落在上述申請的精神和范圍內(nèi)的其它實施方式。

在20世紀90年代，對于一個技術的改進可以很明顯地區(qū)分是硬件上的改進(例如，對二 極管、晶體管、開關等電路結構的改進)還是軟件上的改進(對于方法流程的改進)。然而，隨著技術的發(fā)展，當今的很多方法流程的改進已經(jīng)可以視為硬件電路結構的直接改進。設計人員幾乎都通過將改進的方法流程編程到硬件電路中來得到相應的硬件電路結構。因此，不能說一個方法流程的改進就不能用硬件實體模塊來實現(xiàn)。例如，可編程邏輯器件(programmablelogicdevice,pld)(例如現(xiàn)場可編程門陣列(fieldprogrammablegatearray，fpga))就是這樣一種集成電路，其邏輯功能由用戶對器件編程來確定。由設計人員自行編程來把一個數(shù)字系統(tǒng)“集成”在一片pld上，而不需要請芯片制造廠商來設計和制作專用的集成電路芯片2。而且，如今，取代手工地制作集成電路芯片，這種編程也多半改用“邏輯編譯器(logiccompiler)”軟件來實現(xiàn)，它與程序開發(fā)撰寫時所用的軟件編譯器相類似，而要編譯之前的原始代碼也得用特定的編程語言來撰寫，此稱之為硬件描述語言(hardwaredescriptionlanguage，hdl)，而hdl也并非僅有一種，而是有許多種，如abel(advancedbooleanexpressionlanguage)、ahdl(alterahardwaredescriptionlanguage)、confluence、cupl(cornelluniversityprogramminglanguage)、hdcal、jhdl(javahardwaredescriptionlanguage)、lava、lola、myhdl、palasm、rhdl(rubyhardwaredescriptionlanguage)等，目前最普遍使用的是vhdl(very-high-speedintegratedcircuithardwaredescriptionlanguage)與verilog2。本領域技術人員也應該清楚，只需要將方法流程用上述幾種硬件描述語言稍作邏輯編程并編程到集成電路中，就可以很容易得到實現(xiàn)該邏輯方法流程的硬件電路。

上述實施方式闡明的裝置、模塊或單元，具體可以由計算機芯片或實體實現(xiàn)，或者由具有某種功能的產(chǎn)品來實現(xiàn)。

為了描述的方便，描述以上裝置時以功能分為各種單元分別描述。當然，在實施本申請時可以把各單元的功能在同一個或多個軟件和/或硬件中實現(xiàn)。

通過以上的實施方式的描述可知，本領域的技術人員可以清楚地了解到本申請可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)?；谶@樣的理解，本申請的技術方案本質上或者說對現(xiàn)有技術做出貢獻的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品可以存儲在存儲介質中，如rom/ram、磁碟、光盤等，包括若干指令用以使得一臺計算機設備(可以是個人計算機，服務器，或者網(wǎng)絡設備等)執(zhí)行本申請各個實施方式或者實施方式的某些部分所述的方法。

本說明書中的各個實施方式均采用遞進的方式描述，各個實施方式之間相同相似的部分互相參見即可，每個實施方式重點說明的都是與其他實施方式的不同之處。尤其，對于設備和裝置的實施方式而言，由于其基本相似于方法實施方式，所以描述的比較簡單，相關之處 參見方法實施方式的部分說明即可。

本申請可用于眾多通用或專用的計算機系統(tǒng)環(huán)境或配置中。例如：個人計算機、服務器計算機、手持設備或便攜式設備、平板型設備、多處理器系統(tǒng)、基于微處理器的系統(tǒng)、置頂盒、可編程的消費電子設備、網(wǎng)絡pc、小型計算機、大型計算機、包括以上任何系統(tǒng)或設備的分布式計算環(huán)境等等。

本申請可以在由計算機執(zhí)行的計算機可執(zhí)行指令的一般上下文中描述，例如程序模塊。一般地，程序模塊包括執(zhí)行特定任務或實現(xiàn)特定抽象數(shù)據(jù)類型的例程、程序、對象、組件、數(shù)據(jù)結構等等。也可以在分布式計算環(huán)境中實踐本申請，在這些分布式計算環(huán)境中，由通過通信網(wǎng)絡而被連接的遠程處理設備來執(zhí)行任務。在分布式計算環(huán)境中，程序模塊可以位于包括存儲設備在內(nèi)的本地和遠程計算機存儲介質中。

雖然通過實施方式描繪了本申請，本領域普通技術人員知道，本申請有許多變形和變化而不脫離本申請的精神，希望所附的權利要求包括這些變形和變化而不脫離本申請的精神。