一種在頁(yè)面中加載內(nèi)容的方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，特別涉及一種在頁(yè)面中加載內(nèi)容的方法及裝置。
【背景技術(shù)】
[0002]目前，為了在用戶(hù)訪(fǎng)問(wèn)網(wǎng)頁(yè)時(shí)，能夠流暢地顯示內(nèi)容豐富、頁(yè)面較長(zhǎng)、圖片較多的頁(yè)面，在很多網(wǎng)頁(yè)瀏覽器上都采取了頁(yè)面滾動(dòng)動(dòng)態(tài)加載內(nèi)容的加載方式。和傳統(tǒng)的翻頁(yè)相t匕，不會(huì)一次性地將全部?jī)?nèi)容加載到頁(yè)面，而是先從服務(wù)器加載一定數(shù)量的內(nèi)容并顯示，當(dāng)頁(yè)面滾動(dòng)到已加載內(nèi)容的盡頭時(shí)，網(wǎng)頁(yè)瀏覽器自動(dòng)向服務(wù)器發(fā)送加載請(qǐng)求，并將服務(wù)器返回的后續(xù)內(nèi)容自動(dòng)加載到頁(yè)面底部并顯示，因此，用戶(hù)可以輕松地繼續(xù)向后瀏覽，減少被打斷的感覺(jué)，使用更為流暢。
[0003]但是，在用戶(hù)需要瀏覽距當(dāng)前瀏覽的內(nèi)容較遠(yuǎn)的內(nèi)容時(shí)，需要多次的滾動(dòng)頁(yè)面，直到滾動(dòng)到內(nèi)容所在位置，網(wǎng)頁(yè)瀏覽器才能將用戶(hù)需要瀏覽的內(nèi)容加載到頁(yè)面，效率很低，用戶(hù)體驗(yàn)較差。

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

[0004]有鑒于此，本發(fā)明的主要目的在于提供一種在頁(yè)面中加載內(nèi)容的方法及裝置以實(shí)現(xiàn)在動(dòng)態(tài)加載內(nèi)容的頁(yè)面中，用戶(hù)可以盡快瀏覽到想要的內(nèi)容的目的。
[0005]在本發(fā)明實(shí)施例的第一個(gè)方面，提供了一種在頁(yè)面中加載內(nèi)容的方法，例如，該方法可以包括:
[0006]在動(dòng)態(tài)加載內(nèi)容的頁(yè)面添加帶有滑塊的滑條，向服務(wù)器請(qǐng)求所述內(nèi)容的總數(shù)量，接收服務(wù)器返回的總數(shù)量；將所述滑條分為若干區(qū)段；將所述總數(shù)量劃分為分別對(duì)應(yīng)所述若干區(qū)段的若干分量；確定滑塊滑動(dòng)到目標(biāo)區(qū)段時(shí)，目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍；如果所述目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍對(duì)應(yīng)的待加載內(nèi)容未加載，向服務(wù)器發(fā)送攜帶所述目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍的內(nèi)容的加載請(qǐng)求；將服務(wù)器針對(duì)所述加載請(qǐng)求返回的待加載內(nèi)容加載到所述頁(yè)面。
[0007]在本發(fā)明實(shí)施例的第二個(gè)方面，提供了一種在頁(yè)面中加載內(nèi)容的裝置，例如，該裝置可以包括:
[0008]添加滑條單元，用于在動(dòng)態(tài)加載內(nèi)容的頁(yè)面添加帶有滑塊的滑條；獲取數(shù)量單元，用于向服務(wù)器請(qǐng)求所述內(nèi)容的總數(shù)量，接收服務(wù)器返回的總數(shù)量；區(qū)段確定單元，用于將所述滑條分為若干區(qū)段，將所述總數(shù)量劃分為分別對(duì)應(yīng)所述若干區(qū)段的若干分量，確定滑條的每區(qū)段對(duì)應(yīng)的分量范圍；分量確定單元，用于如果滑塊被滑動(dòng)，則根據(jù)滑條的每區(qū)段對(duì)應(yīng)的分量范圍，確定滑塊滑動(dòng)到目標(biāo)區(qū)段時(shí)，目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍；加載請(qǐng)求單元，用于如果所述目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍對(duì)應(yīng)的待加載內(nèi)容未加載，向服務(wù)器發(fā)送攜帶所述目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍的內(nèi)容的加載請(qǐng)求；加載單元，用于將服務(wù)器針對(duì)所述加載請(qǐng)求返回的待加載內(nèi)容加載到所述頁(yè)面。
[0009]可見(jiàn)本發(fā)明具有如下有益效果:
[0010]由于在動(dòng)態(tài)加載內(nèi)容的頁(yè)面(如滾動(dòng)或滑動(dòng)動(dòng)態(tài)加載內(nèi)容的頁(yè)面)，添加帶有滑塊的滑條，在獲得所述內(nèi)容的總數(shù)量后確定滑條的每區(qū)段對(duì)應(yīng)的分量范圍，如果滑塊滑動(dòng)，又根據(jù)滑條的每區(qū)段對(duì)應(yīng)的分量范圍，確定滑塊滑動(dòng)到目標(biāo)區(qū)段時(shí)，目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍，向服務(wù)器發(fā)送攜帶所述目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍的內(nèi)容的加載請(qǐng)求，將服務(wù)器針對(duì)所述加載請(qǐng)求返回的待加載內(nèi)容加載到所述頁(yè)面，因此，用戶(hù)可以通過(guò)拖動(dòng)滑塊滑動(dòng)盡快瀏覽到想要的內(nèi)容，效率較高，用戶(hù)體驗(yàn)較好。
【附圖說(shuō)明】
[0011]圖1是本發(fā)明實(shí)施例涉及的頁(yè)面示意圖；
[0012]圖2是本發(fā)明實(shí)施例提供的一種在頁(yè)面中加載內(nèi)容的方法的流程示意圖；
[0013]圖3是本發(fā)明實(shí)例提供的一種在頁(yè)面中加載內(nèi)容的裝置的結(jié)構(gòu)示意圖之一；
[0014]圖4是本發(fā)明實(shí)例提供的一種在頁(yè)面中加載內(nèi)容的裝置的結(jié)構(gòu)示意圖之二。
【具體實(shí)施方式】
[0015]為了使本技術(shù)領(lǐng)域的人員更好地理解本發(fā)明中的技術(shù)方案，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整的描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員所獲得的所有其他實(shí)施例，都應(yīng)當(dāng)屬于本發(fā)明保護(hù)的范圍。
[0016]例如，可以在網(wǎng)頁(yè)瀏覽器應(yīng)用本發(fā)明實(shí)施例提供的在頁(yè)面中加載內(nèi)容的方法。如圖1所示，應(yīng)用本發(fā)明實(shí)施例提供的方法的網(wǎng)頁(yè)瀏覽器可以在動(dòng)態(tài)加載內(nèi)容的頁(yè)面101(如，滾動(dòng)或滑動(dòng)動(dòng)態(tài)加載內(nèi)容的頁(yè)面，或稱(chēng)，無(wú)盡列表)添加帶有滑塊102的滑條103。在用戶(hù)使用網(wǎng)頁(yè)瀏覽器通過(guò)動(dòng)態(tài)加載內(nèi)容的頁(yè)面瀏覽電子商務(wù)網(wǎng)站時(shí)，可以將搜索出的商品按價(jià)格從低到高排序?yàn)g覽商品。而排序在前的價(jià)格太低的商品不是用戶(hù)想要瀏覽的商品時(shí)，用戶(hù)可以通過(guò)拖動(dòng)滑塊102滑動(dòng)盡快瀏覽到想要的商品內(nèi)容。
[0017]例如，參見(jiàn)圖2，為本發(fā)明實(shí)施例提供的一種在頁(yè)面中加載內(nèi)容的方法的流程圖。如圖2所示，所述方法可以包括:
[0018]S210、向服務(wù)器請(qǐng)求所述內(nèi)容的總數(shù)量，接收服務(wù)器返回的總數(shù)量；
[0019]在這里，所述內(nèi)容是指，動(dòng)態(tài)加載內(nèi)容的頁(yè)面從一開(kāi)始加載，經(jīng)動(dòng)態(tài)加載至最后一次加載的過(guò)程中所能夠加載的全部?jī)?nèi)容。例如，如所述內(nèi)容均為圖片，則總數(shù)量可以按照?qǐng)D片數(shù)量來(lái)衡量，如，所述內(nèi)容的總數(shù)量為1000張圖片；再例如，所述內(nèi)容的總數(shù)量可以按照內(nèi)容的條數(shù)來(lái)衡量，如，所述內(nèi)容的總數(shù)量為1000條內(nèi)容。
[0020]可以理解的是，由于網(wǎng)頁(yè)瀏覽器從服務(wù)器端獲得需要加載的內(nèi)容，因此，服務(wù)器端保存有全部?jī)?nèi)容，也能夠確定全部?jī)?nèi)容的總數(shù)量。因此，網(wǎng)頁(yè)瀏覽器可以向服務(wù)器請(qǐng)求所述內(nèi)容的總數(shù)量。例如，在用戶(hù)使用網(wǎng)頁(yè)瀏覽器在電子商務(wù)網(wǎng)站搜索商品時(shí)，服務(wù)器可以根據(jù)用戶(hù)的搜索條件搜索出符合搜索條件的全部?jī)?nèi)容，將全部?jī)?nèi)容組織為可以加載到頁(yè)面的格式，同時(shí)計(jì)算出全部?jī)?nèi)容的總數(shù)量。服務(wù)器將一部分內(nèi)容返回給網(wǎng)頁(yè)瀏覽器以使網(wǎng)頁(yè)瀏覽器打開(kāi)動(dòng)態(tài)加載內(nèi)容的頁(yè)面以顯示服務(wù)器返回的一部分內(nèi)容。
[0021]在本發(fā)明實(shí)施例中，可以在網(wǎng)頁(yè)瀏覽器打開(kāi)動(dòng)態(tài)加載內(nèi)容的頁(yè)面以加載服務(wù)器返回的一部分內(nèi)容的同時(shí)，相應(yīng)向服務(wù)器請(qǐng)求所述內(nèi)容的總數(shù)量，并在該動(dòng)態(tài)加載內(nèi)容的頁(yè)面添加帶有滑塊的滑條?？梢岳斫獾氖牵景l(fā)明實(shí)施例在該動(dòng)態(tài)加載內(nèi)容的頁(yè)面添加帶有滑塊的滑條的時(shí)機(jī)不限，只要在用戶(hù)需要快速瀏覽內(nèi)容之前添加均可。帶有滑塊的滑條可以是網(wǎng)頁(yè)瀏覽器所支持的任意滑塊條組件。
[0022]S220、將所述滑條分為若干區(qū)段，將所述總數(shù)量劃分為分別對(duì)應(yīng)所述若干區(qū)段的若干分量，確定滑條的每區(qū)段對(duì)應(yīng)的分量范圍；
[0023]需要說(shuō)明的是，滑條的長(zhǎng)度可以任意設(shè)置，整個(gè)長(zhǎng)度可以按照滑塊能夠滑動(dòng)的最小距離進(jìn)行劃分，劃分為若干區(qū)段。所述將總數(shù)量劃分為分別對(duì)應(yīng)所述若干區(qū)段的若干分量，例如可以根據(jù)滑條的區(qū)段數(shù)以及內(nèi)容的總數(shù)量，將內(nèi)容的總數(shù)量按照所述滑條的區(qū)段數(shù)進(jìn)行均分，從而確定滑條的每區(qū)段對(duì)應(yīng)的分量范圍。通過(guò)確定滑條的每區(qū)段對(duì)應(yīng)的分量范圍，所述內(nèi)容中任意一分量范圍對(duì)應(yīng)的內(nèi)容均可以在滑條上找到與其對(duì)應(yīng)的一個(gè)區(qū)段。從而用戶(hù)可以通過(guò)拖動(dòng)滑塊瀏覽到所述內(nèi)容中的任意一部分。
[0024]S230、如果滑塊被滑動(dòng)，則根據(jù)滑條的每區(qū)段對(duì)應(yīng)的分量范圍，確定滑塊滑動(dòng)到目標(biāo)區(qū)段時(shí)，目標(biāo)區(qū)段對(duì)應(yīng)的分量范圍；
[0025]在本發(fā)明實(shí)施例一種可能的實(shí)現(xiàn)方式中，所述