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

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

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