一種頁面顯示方法、終端和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種頁面顯示方法、終端和裝置。
【背景技術(shù)】
[0002]頁面是互聯(lián)網(wǎng)技術(shù)領(lǐng)域是一種十分常見的信息載體，用戶利用終端通過訪問頁面瀏覽新聞、小說、圖片、社交信息等。而往往一個頁面的內(nèi)容會比較豐富，而終端的屏幕的尺寸是固定，即終端的屏幕一次無法將頁面的所有內(nèi)容全部顯示，即屏幕每一次只能顯示頁面內(nèi)容中的一部分。
[0003]在實際中，終端顯示某一頁面的過程是:終端接收服務器發(fā)送的頁面所有信息，終端再對所有信息進行解析、創(chuàng)建元素和渲染排版，以構(gòu)造完整個頁面后，再顯示該頁面。其中，顯示時最開始只會顯示出該頁面的第一份內(nèi)容，即該頁面的首屏內(nèi)容，后續(xù)的內(nèi)容需要通過用戶進行拖動操作才進行顯示。而頁面的首屏內(nèi)容是會包括該頁面內(nèi)容的概要信息和標題等，往往用戶最關(guān)心也是頁面的首屏內(nèi)容。而在上述技術(shù)中，終端顯示首屏內(nèi)容時，必須是在構(gòu)造完整個頁面后，才可以顯示的，這樣當頁面比較豐富時，即終端的屏幕一次無法顯示頁面的所有內(nèi)容時，首屏內(nèi)容顯示會比較慢；且很多時候用戶往往只需要查看頁面的首屏內(nèi)容就行，而該頁面的非首屏內(nèi)容用戶可能是不需要查看的(例如:用戶查看一個新聞的頁面，用戶可能看該新聞的摘要后，就不想繼續(xù)看了)，這樣終端構(gòu)造的該頁面的非首屏內(nèi)容就得不到利用，從而浪費終端的功耗。
[0004]可見，上述技術(shù)中，頁面的首屏內(nèi)容顯示速度比較慢，且容易浪費終端的功耗。

【發(fā)明內(nèi)容】

[0005]本發(fā)明實施例提供了一種頁面顯示方法、終端和裝置，可以解決頁面的首屏內(nèi)容顯示速度比較慢，且容易浪費終端的功耗的問題。
[0006]第一方面，本發(fā)明實施例提供的一種頁面顯示方法，包括:
[0007]終端對頁面的元素進行渲染，其中，被渲染的元素包括所述目標頁面的起始元素；
[0008]當渲染得到的顯示內(nèi)容能夠鋪滿所述終端的顯示區(qū)域時，所述終端將所述顯示內(nèi)容作為所述目標頁面的首屏內(nèi)容進行顯示。
[0009]第二方面，本發(fā)明提供一種頁面顯示方法，包括:
[0010]接收終端發(fā)送的用于請求獲取目標頁面的鏈接請求，所述鏈接請求攜帶有所述終端的參數(shù)信息；
[0011]根據(jù)所述參數(shù)信息獲取所述終端對應的首屏信息，所述首屏信息用于表示所述目標頁面相對于所述終端的首屏位置的元素；
[0012]向所述終端發(fā)送所述目標頁面的資源和所述首屏信息，以使所述終端對所述目標頁面的資源進行解析，創(chuàng)建該資源的解析結(jié)果的元素，當所述首屏信息表示的位于首屏位置的元素被創(chuàng)建完時，由所述終端對所述位于首屏位置的元素進行渲染，當渲染得到的顯示內(nèi)容能夠鋪滿所述終端的顯示區(qū)域時，由所述終端將所述顯示內(nèi)容作為所述目標頁面的首屏內(nèi)容進行顯示。
[0013]第三方面，本發(fā)明提供一種頁面顯示終端，包括:第一渲染單元和顯示單元，其中:
[0014]所述第一渲染單元，用于對頁面的元素進行渲染，其中，被渲染的元素包括所述目標頁面的起始元素；
[0015]所述顯示單元，用于當所述第一渲染單元渲染得到的顯示內(nèi)容能夠鋪滿所述終端的顯示區(qū)域時，將所述顯示內(nèi)容作為所述目標頁面的首屏內(nèi)容進行顯示。
[0016]第四方面，本發(fā)明提供一種頁面顯示裝置，包括:接收單元、獲取單元和發(fā)送單元，其中:
[0017]所述接收單元，用于接收終端發(fā)送的用于請求獲取目標頁面的鏈接請求，所述鏈接請求攜帶有所述終端的參數(shù)信息；
[0018]所述獲取單元，用于根據(jù)所述參數(shù)信息獲取所述終端對應的首屏信息，所述首屏信息用于表示所述目標頁面相對于所述終端的首屏位置的元素；
[0019]所述發(fā)送單元，用于向所述終端發(fā)送所述目標頁面的資源和所述首屏信息，以使所述終端對所述目標頁面的資源進行解析，創(chuàng)建該資源的解析結(jié)果的元素，當所述首屏信息表示的位于首屏位置的元素被創(chuàng)建完時，由所述終端對所述位于首屏位置的元素進行渲染，當渲染得到的顯示內(nèi)容能夠鋪滿所述終端的顯示區(qū)域時，由所述終端將所述顯示內(nèi)容作為所述目標頁面的首屏內(nèi)容進行顯示。
[0020]上述技術(shù)方案中，終端對目標頁面的元素進行渲染，當渲染得到的顯示內(nèi)容能夠鋪滿所述終端的顯示區(qū)域時，所述終端將所述顯示內(nèi)容作為所述目標頁面的首屏內(nèi)容進行顯示。由于只需要渲染能夠鋪滿所述終端的顯示區(qū)域的顯示內(nèi)容，就將該顯示內(nèi)容作為所述目標頁面的首屏內(nèi)容進行顯示，相比現(xiàn)有技術(shù)需要將頁面的所有內(nèi)容全部渲染，本發(fā)明可以提高頁面的首屏內(nèi)容顯示速度，以及節(jié)約終端的功耗。
【附圖說明】
[0021]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0022]圖1是本發(fā)明實施例提供的一種可選的終端的顯示區(qū)域的示意圖；
[0023]圖2是本發(fā)明實施例提供的一種頁面顯示方法的流程示意圖；
[0024]圖3是本發(fā)明實施例提供的另一種頁面顯示方法的流程示意圖；
[0025]圖4是本發(fā)明實施例提供的另一種頁面顯示方法的流程示意圖；
[0026]圖5是本發(fā)明實施例提供的另一種頁面顯示方法的流程示意圖；
[0027]圖6是本發(fā)明實施例提供的另一種頁面顯示方法的流程示意圖；。
[0028]圖7是本發(fā)明實施例提供的一種頁面顯示終端的結(jié)構(gòu)示意圖；
[0029]圖8是本發(fā)明實施例提供的另一種頁面顯示終端的結(jié)構(gòu)示意圖；
[0030]圖9是本發(fā)明實施例提供的另一種頁面顯示終端的結(jié)構(gòu)示意圖；
[0031]圖10是本發(fā)明實施例提供的另一種頁面顯示終端的結(jié)構(gòu)示意圖；
[0032]圖11是本發(fā)明實施例提供的一種頁面顯示裝置的結(jié)構(gòu)示意圖；
[0033]圖12是本發(fā)明實施例提供的另一種頁面顯示裝置的結(jié)構(gòu)示意圖。
【具體實施方式】
[0034]下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例。基于本發(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。
[0035]本發(fā)明實施例中，頁面可以是終端能夠顯示的任何頁面，另外，頁面可以理解為網(wǎng)頁。本發(fā)明實施例中的終端可以任何具備通信和顯示功能的設備，例如:平板電腦、手機、電子閱讀器、遙控器、個人計算機(Personal Computer,PC)、筆記本電腦、車載設備、網(wǎng)絡電視、可穿戴設備等具有網(wǎng)絡功能的智能設備。
[0036]另外，本發(fā)明實施例中，首屏內(nèi)容可以是指頁面最先顯示的內(nèi)容，或者第一屏顯示的內(nèi)容，即首屏內(nèi)容會包括頁面的起始內(nèi)容(例如:一個小說章節(jié)的頁面，訪頁面的首屏內(nèi)容會包括該章節(jié)的名稱，以及該章節(jié)的第一段文字等)。由于頁面內(nèi)容較多，而終端的屏幕尺寸固定，這樣一個頁面需要通過多屏才可以顯示完所有內(nèi)容，即一個頁面可以包括首屏內(nèi)容、第二屏內(nèi)容、第三屏內(nèi)容等等。
[0037]另外，本發(fā)明實施例，顯示區(qū)域可以是終端的屏幕中用于顯示頁面的區(qū)域，例如:屏幕在顯示某頁面時，屏幕顯示的內(nèi)容一般會包括頁面內(nèi)容和工具欄(例如:顯示瀏覽器的控制區(qū)域，或者顯示瀏覽器網(wǎng)址的區(qū)域，或者顯示終端上運行的應用程序圖標的區(qū)域)，或者還會包括狀態(tài)欄(例如:顯示終端的電池、信號的區(qū)域)，那么該情況下本發(fā)明實施例中的顯示區(qū)域就為屏幕用于顯示頁面內(nèi)容的區(qū)域，當然，某些情況下，屏幕可能只會顯示頁面內(nèi)容，該情況下，本發(fā)明實施例中的顯示區(qū)域就是屏幕的全部區(qū)域。具體可以如圖1所示，圖1是終端顯示某一側(cè)笑話頁面的顯示界面，其中，圖1中的101為該頁面，即圖1所示的101區(qū)域為本發(fā)明實施例定義的顯示區(qū)域，且101顯示的內(nèi)容為該頁面的首屏內(nèi)容，而圖1中的圖102為瀏覽器的工具欄，103為終端的狀態(tài)欄。
[0038]請參閱圖2，圖2是本發(fā)明實施例提供的一種頁面顯示方法的流程示意圖，如圖2所示，包括以下步驟:
[0039]S201、終端對目標頁面的元素進行渲染，其中，被渲染的元素包括所述目標頁面的起始元素。
[0040]可選的，上述目標頁面的元素可以是對目標頁面的資源塊進行詞法和語法解析后，并對該解析的結(jié)果進行創(chuàng)建的元素，該元素還可以理解該頁面的內(nèi)部數(shù)據(jù)結(jié)構(gòu)中的數(shù)據(jù)。另外，對元素的渲染可以是對元素的繪制和排版。另外，上述目標頁面的起始元素可以是理解為標記位置處于最前面的元素，其中，標記位置為元素的一個屬