一種頁(yè)面顯示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及一種頁(yè)面顯示方法及裝置。
【背景技術(shù)】
[0002]經(jīng)過近幾年的互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，互聯(lián)網(wǎng)的業(yè)務(wù)不斷增加，人們基于互聯(lián)網(wǎng)可以接觸到各種各樣的信息，網(wǎng)絡(luò)也成為人們?nèi)粘９ぷ骱蜕钪胁豢苫蛉钡囊徊糠?。比如，用戶可以利用互?lián)網(wǎng)收發(fā)工作郵件、進(jìn)行視頻會(huì)議等；或者，利用互聯(lián)網(wǎng)瀏覽新聞、聽音樂、購(gòu)物、訂餐、觀看視頻等。隨著互聯(lián)網(wǎng)的不斷發(fā)展進(jìn)步，基于互聯(lián)網(wǎng)所產(chǎn)生的視頻信息的數(shù)據(jù)量也越來越大。當(dāng)基于網(wǎng)絡(luò)頁(yè)面即網(wǎng)頁(yè)加載并顯示對(duì)應(yīng)的視頻信息時(shí)，通常將相應(yīng)的視頻信息加載到網(wǎng)頁(yè)對(duì)應(yīng)的超文本標(biāo)記語(yǔ)言(Hyper Text Markup Language，HTML)元素中，基于該HTML元素來顯示對(duì)應(yīng)的視頻信息。針對(duì)上述視頻信息，在加載時(shí)，每次均需從數(shù)據(jù)庫(kù)中調(diào)用對(duì)應(yīng)的資源信息，并將調(diào)用的資源信息實(shí)時(shí)加載在網(wǎng)頁(yè)對(duì)應(yīng)的設(shè)定數(shù)量的HTML元素中。
[0003]目前，在視頻信息對(duì)應(yīng)的顯示頁(yè)面上加載對(duì)應(yīng)的視頻信息時(shí)，針對(duì)不同的網(wǎng)絡(luò)頁(yè)面，也同時(shí)加載了該網(wǎng)頁(yè)中關(guān)于視頻信息對(duì)應(yīng)的HTML元素；而同一個(gè)網(wǎng)頁(yè)中視頻信息對(duì)應(yīng)的HTML元素的數(shù)量是固定的，每次均加載上述HTML元素導(dǎo)致加載時(shí)間延長(zhǎng)的同時(shí)，也浪費(fèi)了大量的加載資源，且增加了后臺(tái)對(duì)應(yīng)的代碼量。

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

[0004]本發(fā)明實(shí)施例提供一種頁(yè)面顯示方法及裝置，用以復(fù)用同一頁(yè)面中的HTML元素僅加載對(duì)應(yīng)的視頻信息，實(shí)現(xiàn)視頻信息加載時(shí)同一頁(yè)面中視頻信息對(duì)應(yīng)的HTML元素的復(fù)用。
[0005]本發(fā)明實(shí)施例提供一種頁(yè)面顯示方法，包括:
[0006]接收針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面滾動(dòng)操作指令，刪除顯示頁(yè)面中超文本標(biāo)記語(yǔ)言HTML元素對(duì)應(yīng)的頁(yè)面信息；
[0007]針對(duì)刪除頁(yè)面信息后的HTML元素，重新加載所述頁(yè)面滾動(dòng)操作指令所觸發(fā)的頁(yè)面信息；
[0008]顯示重新加載頁(yè)面信息后的顯示頁(yè)面。
[0009]在一個(gè)實(shí)施例中，所述針對(duì)刪除頁(yè)面信息后的HTML元素，重新加載所述頁(yè)面滾動(dòng)操作指令所觸發(fā)的頁(yè)面信息，包括:
[0010]基于所述HTML元素的元素信息，獲取所述HTML元素的設(shè)定數(shù)量；
[0011]按照獲取的所述設(shè)定數(shù)量，從數(shù)據(jù)庫(kù)中調(diào)取所述設(shè)定數(shù)量對(duì)應(yīng)的頁(yè)面信息。
[0012]在一個(gè)實(shí)施例中，所述針對(duì)刪除頁(yè)面信息后的HTML元素，重新加載所述頁(yè)面滾動(dòng)操作指令所觸發(fā)的頁(yè)面信息，包括:
[0013]基于滾動(dòng)后的顯示頁(yè)面，按照所述HTML元素的元素信息，加載顯示在所述HTML元素對(duì)應(yīng)位置的視頻文件的視頻摘要文本；
[0014]根據(jù)加載到的所述視頻摘要文本，獲取所述視頻文件對(duì)應(yīng)的視頻摘要圖片地址；
[0015]按照獲取到的所述視頻摘要圖片地址，加載所述視頻文件對(duì)應(yīng)的視頻摘要圖片。
[0016]在一個(gè)實(shí)施例中，所述頁(yè)面顯示方法還包括:
[0017]接收針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面向上滾動(dòng)指令；
[0018]基于所述HTML元素，在對(duì)應(yīng)的顯示頁(yè)面顯示已加載的所述HTML元素對(duì)應(yīng)的頁(yè)面信息。
[0019]對(duì)應(yīng)于以上實(shí)施例所提供的一種頁(yè)面顯示方法，本發(fā)明實(shí)施例還提供了一種頁(yè)面顯示裝置，包括:
[0020]刪除模塊，用于接收針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面滾動(dòng)操作指令，刪除顯示頁(yè)面中超文本標(biāo)記語(yǔ)言HTML元素對(duì)應(yīng)的頁(yè)面信息；
[0021]加載模塊，用于針對(duì)刪除頁(yè)面信息后的HTML元素，重新加載所述頁(yè)面滾動(dòng)操作指令所觸發(fā)的頁(yè)面信息；
[0022]顯示模塊，用于顯示重新加載頁(yè)面信息后的顯示頁(yè)面。
[0023]在一個(gè)實(shí)施例中，所述加載模塊包括:
[0024]獲取單元，用于基于所述HTML元素的元素信息，獲取所述HTML元素的設(shè)定數(shù)量；
[0025]調(diào)取單元，用于按照獲取的所述設(shè)定數(shù)量，從數(shù)據(jù)庫(kù)中調(diào)取所述設(shè)定數(shù)量對(duì)應(yīng)的頁(yè)面信息。
[0026]在一個(gè)實(shí)施例中，所述加載模塊包括:
[0027]文本加載單元，用于基于滾動(dòng)后的顯示頁(yè)面，按照所述HTML元素的元素信息，加載顯示在所述HTML元素對(duì)應(yīng)位置的視頻文件的視頻摘要文本；
[0028]地址獲取單元，用于根據(jù)加載到的所述視頻摘要文本，獲取所述視頻文件對(duì)應(yīng)的視頻摘要圖片地址；
[0029]圖片加載單元，用于按照獲取到的所述視頻摘要圖片地址，加載所述視頻文件對(duì)應(yīng)的視頻摘要圖片。
[0030]在一個(gè)實(shí)施例中，所述頁(yè)面顯示裝置還包括:
[0031]接收模塊，用于接收針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面向上滾動(dòng)指令，基于所述HTML元素，在對(duì)應(yīng)的顯示頁(yè)面顯示已加載的所述HTML元素對(duì)應(yīng)的頁(yè)面信息。
[0032]以上實(shí)施例所描述的一種頁(yè)面顯示方法及裝置可以達(dá)到如下有益效果:
[0033]通過接收針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面滾動(dòng)操作指令，刪除顯示頁(yè)面中超文本標(biāo)記語(yǔ)言HTML元素對(duì)應(yīng)的頁(yè)面信息；針對(duì)刪除頁(yè)面信息后的HTML元素，重新加載所述頁(yè)面滾動(dòng)操作指令所觸發(fā)的頁(yè)面信息；顯示重新加載頁(yè)面信息后的顯示頁(yè)面；具有復(fù)用同一頁(yè)面中的HTML元素僅加載對(duì)應(yīng)的視頻信息的有益效果，實(shí)現(xiàn)了視頻信息加載時(shí)同一頁(yè)面中視頻信息對(duì)應(yīng)的HTML元素的復(fù)用，提高了頁(yè)面顯示的智能性，節(jié)約了實(shí)現(xiàn)頁(yè)面顯示所需的總代碼量。
[0034]本發(fā)明的其它特征和優(yōu)點(diǎn)將在隨后的說明書中闡述，并且，部分地從說明書中變得顯而易見，或者通過實(shí)施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點(diǎn)可通過在所寫的說明書、權(quán)利要求書、以及附圖中所特別指出的結(jié)構(gòu)來實(shí)現(xiàn)和獲得。
[0035]下面通過附圖和實(shí)施例，對(duì)本發(fā)明的技術(shù)方案做進(jìn)一步的詳細(xì)描述。
【附圖說明】
[0036]附圖用來提供對(duì)本發(fā)明的進(jìn)一步理解，并且構(gòu)成說明書的一部分，與本發(fā)明的實(shí)施例一起用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的限制。在附圖中:
[0037]圖1為本發(fā)明根據(jù)一示例性實(shí)施例示出的一種頁(yè)面顯示方法的一種實(shí)施方式的流程圖；
[0038]圖2為本發(fā)明根據(jù)一示例性實(shí)施例示出的一種頁(yè)面顯示方法中步驟S20的一種實(shí)施方式的流程圖；
[0039]圖3為本發(fā)明根據(jù)一示例性實(shí)施例示出的一種頁(yè)面顯示方法中步驟S20的另一種實(shí)施方式的流程圖；
[0040]圖4為本發(fā)明根據(jù)一示例性實(shí)施例示出的一種頁(yè)面顯示方法的另一種實(shí)施方式的流程圖；
[0041]圖5為本發(fā)明根據(jù)一示例性實(shí)施例示出的一種頁(yè)面顯示裝置的一種實(shí)施方式的框圖；
[0042]圖6為本發(fā)明根據(jù)一示例性實(shí)施例示出的一種頁(yè)面顯示裝置中加載模塊70的一種實(shí)施方式的框圖；
[0043]圖7為本發(fā)明根據(jù)一示例性實(shí)施例示出的一種頁(yè)面顯示裝置中加載模塊70的另一種實(shí)施方式的框圖；
[0044]圖8為本發(fā)明根據(jù)一示例性實(shí)施例示出的一種頁(yè)面顯示裝置的另一種實(shí)施方式的框圖。
【具體實(shí)施方式】
[0045]以下結(jié)合附圖對(duì)本發(fā)明的優(yōu)選實(shí)施例進(jìn)行說明，應(yīng)當(dāng)理解，此處所描述的優(yōu)選實(shí)施例僅用于說明和解釋本發(fā)明，并不用于限定本發(fā)明。
[0046]本發(fā)明公開的一實(shí)施例中提供了一種頁(yè)面顯示方法，用以復(fù)用同一頁(yè)面中的HTML元素僅加載對(duì)應(yīng)的視頻信息，實(shí)現(xiàn)視頻信息加載時(shí)同一頁(yè)面中視頻信息對(duì)應(yīng)的HTML元素的復(fù)用。如圖1所示，本發(fā)明實(shí)施例中一種頁(yè)面顯示方法包括步驟S10-S30:
[0047]步驟S10、接收針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面滾動(dòng)操作指令，刪除顯示頁(yè)面中超文本標(biāo)記語(yǔ)言HTML元素對(duì)應(yīng)的頁(yè)面信息；
[0048]本發(fā)明實(shí)施例中，通過復(fù)用超文本標(biāo)記語(yǔ)言HTML元素，來實(shí)現(xiàn)頁(yè)面的顯示。在執(zhí)行本發(fā)明實(shí)施例所描述的頁(yè)面顯示方法時(shí)，實(shí)時(shí)監(jiān)測(cè)顯示頁(yè)面上用戶觸發(fā)的操作指令，當(dāng)檢測(cè)到用戶針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面滾動(dòng)操作指令時(shí)，接收上述針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面滾動(dòng)操作指令，解析上述針對(duì)顯示頁(yè)面的滾動(dòng)條所觸發(fā)的頁(yè)面滾動(dòng)操作指令，獲取所述頁(yè)面滾動(dòng)操作指令中對(duì)應(yīng)的顯示頁(yè)面的滾動(dòng)條的滾動(dòng)方向。當(dāng)獲取的所述頁(yè)面滾動(dòng)操作指令對(duì)應(yīng)的滾動(dòng)條的滾動(dòng)方向?yàn)橄蛳聺L動(dòng)時(shí)，刪除顯示頁(yè)面中HTML元素對(duì)應(yīng)的頁(yè)面信息。
[0049]步驟S20、針對(duì)刪除頁(yè)面信息后的HTML元素，重新加載所述頁(yè)面滾動(dòng)操作指令所觸發(fā)的頁(yè)面信息；
[0050]針對(duì)刪除頁(yè)面信息后的HTML元素，由于僅刪除了填充在該HTML元素對(duì)應(yīng)的信息顯示框中的頁(yè)面信息，該HTML元素仍保留在相應(yīng)的顯示頁(yè)面上，因此，可以給予刪除信息后的HTML元素，重新加載該頁(yè)面滾動(dòng)操作指令所觸發(fā)的頁(yè)面信息。
[0051]在一個(gè)實(shí)施例中，如圖2所示，所述步驟S20可以實(shí)施為如下描述的步驟S201-S202:
[0052]步驟S201、基于所述HTML元素的元素信息，獲取所述HTML元素的設(shè)定數(shù)量；
[0053]本發(fā)明實(shí)施例中，由于同一網(wǎng)頁(yè)中，關(guān)于視頻信息的HTML元素是固定的，比如固定為12個(gè)HTML元素，但并不等於實(shí)際資源的數(shù)量；例如，在對(duì)搜索結(jié)果分頁(yè)顯示后，每頁(yè)的結(jié)果數(shù)可能遠(yuǎn)遠(yuǎn)大于12個(gè)。因此，在針對(duì)刪除頁(yè)面信息后的HTML元素，重新加載所述頁(yè)面滾動(dòng)操作指令所觸發(fā)的頁(yè)面信息，可以基于該顯示頁(yè)面上的HTML元素的元素信息，獲取該HTML元素的設(shè)定數(shù)量，進(jìn)而根據(jù)該HTML元素的設(shè)定數(shù)量，執(zhí)行對(duì)應(yīng)的加載操作。
[0054]步驟S202、按照獲取的所述設(shè)定數(shù)量，從數(shù)據(jù)庫(kù)中調(diào)取所述設(shè)定數(shù)量對(duì)應(yīng)的頁(yè)面信息。
[0055]在獲取到該顯示頁(yè)面上對(duì)應(yīng)的HTML元素的設(shè)定數(shù)量后，在信息加載時(shí)，從數(shù)據(jù)庫(kù)中調(diào)去上述HTML元素設(shè)定數(shù)量所對(duì)應(yīng)的頁(yè)面信息，進(jìn)而將上述頁(yè)面信息實(shí)時(shí)加載在上述對(duì)應(yīng)的HTML元素中。
[0056]在一個(gè)實(shí)施例中，如圖3所示，所述步驟S20還可以實(shí)施為如下描述的步驟S203-S205:
[0057]步驟S203、基于滾動(dòng)后的顯示頁(yè)面，按照所述HTML元素的元素信息，加載顯示在所述HTML元素對(duì)應(yīng)位置的視頻文件的視頻摘要文本；
[0058]本發(fā)明實(shí)施例中，針對(duì)滾動(dòng)后的顯示頁(yè)面，按照該顯示頁(yè)面中對(duì)應(yīng)的HTML元素的元素信息，加載顯示在上述HTML元素對(duì)應(yīng)位置的視頻文件的視頻摘要文本。其中，所述視頻摘要文本包括但不限于:加載的視頻名稱、視頻時(shí)長(zhǎng)、視頻關(guān)鍵詞