一種網(wǎng)頁頁面加載方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及網(wǎng)頁相關(guān)技術(shù)領(lǐng)域，特別是一種網(wǎng)頁頁面加載方法及系統(tǒng)。
【背景技術(shù)】
[0002] 在用戶瀏覽網(wǎng)頁時(shí)，當(dāng)瀏覽完當(dāng)前頁面后，需要用戶點(diǎn)擊下一頁的超鏈接，才獲取 下一頁面，對(duì)用戶來說較為不便。
[0003] 為此，現(xiàn)有技術(shù)通過對(duì)用戶的瀏覽情況進(jìn)行監(jiān)測(cè)，當(dāng)瀏覽到網(wǎng)頁頁面末端的時(shí)候， 觸發(fā)網(wǎng)頁程序，例如javascript，然后在當(dāng)前頁面末端顯示后續(xù)網(wǎng)頁內(nèi)容，并且更新滾動(dòng) 條，使用戶繼續(xù)瀏覽后面的內(nèi)容。
[0004] 然而，現(xiàn)有技術(shù)用戶在瀏覽到頁面末端的時(shí)候，需要等待頁面加載，使頁面瀏覽不 流暢。

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

[0005] 基于此，有必要針對(duì)現(xiàn)有技術(shù)在用戶瀏覽到網(wǎng)頁頁面末端時(shí)，需要等待頁面加載 導(dǎo)致頁面瀏覽不流暢的技術(shù)問題，提供一種網(wǎng)頁頁面加載方法及系統(tǒng)。
[0006] -種網(wǎng)頁頁面加載方法，包括：
[0007] 滾動(dòng)條參數(shù)獲取步驟，包括：響應(yīng)于頁面加載完成事件，記錄關(guān)于當(dāng)前頁面的當(dāng)前 頁面末端滾動(dòng)條數(shù)值、當(dāng)前頁面起始滾動(dòng)條數(shù)值和當(dāng)前頁面加載完成時(shí)刻；
[0008] 滾動(dòng)條滾動(dòng)觸發(fā)步驟，包括：響應(yīng)于滾動(dòng)條滾動(dòng)事件，記錄關(guān)于滾動(dòng)條的本次滾動(dòng) 條觸發(fā)時(shí)刻和本次滾動(dòng)條數(shù)值，執(zhí)行滾動(dòng)條判斷步驟；
[0009] 滾動(dòng)條判斷步驟，包括：根據(jù)至少一個(gè)所述本次滾動(dòng)條數(shù)值、至少一個(gè)本次滾動(dòng)條 觸發(fā)時(shí)刻、當(dāng)前頁面起始滾動(dòng)條數(shù)值和當(dāng)前頁面加載完成時(shí)刻，計(jì)算頁面瀏覽速度，根據(jù)所 述頁面瀏覽速度、當(dāng)前頁面末端滾動(dòng)條數(shù)值和當(dāng)前頁面起始滾動(dòng)條數(shù)值計(jì)算頁面剩余瀏覽 時(shí)間，當(dāng)所述頁面剩余瀏覽時(shí)間滿足預(yù)設(shè)條件，則觸發(fā)頁面加載步驟；
[0010] 頁面加載步驟，包括：查詢當(dāng)前頁面的后續(xù)頁面，向服務(wù)器發(fā)送關(guān)于后續(xù)頁面的頁 面獲取請(qǐng)求，將服務(wù)器返回的關(guān)于后續(xù)頁面的頁面數(shù)據(jù)加載更新到當(dāng)前頁面末端。
[0011] 一種網(wǎng)頁頁面加載系統(tǒng)，包括：
[0012] 滾動(dòng)條參數(shù)獲取模塊，包括：響應(yīng)于頁面加載完成事件，記錄關(guān)于當(dāng)前頁面的當(dāng)前 頁面末端滾動(dòng)條數(shù)值、當(dāng)前頁面起始滾動(dòng)條數(shù)值和當(dāng)前頁面加載完成時(shí)刻；
[0013] 滾動(dòng)條滾動(dòng)觸發(fā)模塊，包括：響應(yīng)于滾動(dòng)條滾動(dòng)事件，記錄關(guān)于滾動(dòng)條的本次滾動(dòng) 條觸發(fā)時(shí)刻和本次滾動(dòng)條數(shù)值，執(zhí)行滾動(dòng)條判斷模塊；
[0014] 滾動(dòng)條判斷模塊，包括：根據(jù)至少一個(gè)所述本次滾動(dòng)條數(shù)值、至少一個(gè)本次滾動(dòng)條 觸發(fā)時(shí)刻、當(dāng)前頁面起始滾動(dòng)條數(shù)值和當(dāng)前頁面加載完成時(shí)刻，計(jì)算頁面瀏覽速度，根據(jù)所 述頁面瀏覽速度、當(dāng)前頁面末端滾動(dòng)條數(shù)值和當(dāng)前頁面起始滾動(dòng)條數(shù)值計(jì)算頁面剩余瀏覽 時(shí)間，當(dāng)所述頁面剩余瀏覽時(shí)間滿足預(yù)設(shè)條件，則觸發(fā)頁面加載模塊；
[0015] 頁面加載模塊，包括：查詢當(dāng)前頁面的后續(xù)頁面，向服務(wù)器發(fā)送關(guān)于后續(xù)頁面的頁 面獲取請(qǐng)求，將服務(wù)器返回的關(guān)于后續(xù)頁面的頁面數(shù)據(jù)加載更新到當(dāng)前頁面末端。
[0016] 本發(fā)明通過預(yù)測(cè)頁面剩余瀏覽時(shí)間，判斷是否需要加載后續(xù)頁面。由于不需要等 待頁面到末端才進(jìn)行加載，因此用戶在瀏覽網(wǎng)頁時(shí)，比如微信，微博等縱向?yàn)g覽的網(wǎng)頁時(shí)， 可以不間斷的瀏覽后續(xù)內(nèi)容，不用等待頁面加載，提高用戶體驗(yàn)度。
【附圖說明】
[0017] 圖1為本發(fā)明一種網(wǎng)頁頁面加載方法的工作流程圖；
[0018] 圖2為本發(fā)明最佳實(shí)施例的工作流程圖；
[0019] 圖3為本發(fā)明一種網(wǎng)頁頁面加載系統(tǒng)的結(jié)構(gòu)模塊圖。
【具體實(shí)施方式】
[0020] 下面結(jié)合附圖和具體實(shí)施例對(duì)本發(fā)明做進(jìn)一步詳細(xì)的說明。
[0021] 如圖1所示為本發(fā)明一種網(wǎng)頁頁面加載方法的工作流程圖，包括：
[0022] 步驟S101，包括：響應(yīng)于頁面加載完成事件，記錄關(guān)于當(dāng)前頁面的當(dāng)前頁面末端 滾動(dòng)條數(shù)值、當(dāng)前頁面起始滾動(dòng)條數(shù)值和當(dāng)前頁面加載完成時(shí)刻；
[0023] 步驟S102,包括：響應(yīng)于滾動(dòng)條滾動(dòng)事件，記錄關(guān)于滾動(dòng)條的本次滾動(dòng)條觸發(fā)時(shí) 刻和本次滾動(dòng)條數(shù)值，執(zhí)行步驟S103 ;
[0024] 步驟S103,包括：根據(jù)至少一個(gè)所述本次滾動(dòng)條數(shù)值、至少一個(gè)本次滾動(dòng)條觸發(fā) 時(shí)刻、當(dāng)前頁面起始滾動(dòng)條數(shù)值和當(dāng)前頁面加載完成時(shí)刻，計(jì)算頁面瀏覽速度，根據(jù)所述頁 面瀏覽速度、當(dāng)前頁面末端滾動(dòng)條數(shù)值和當(dāng)前頁面起始滾動(dòng)條數(shù)值計(jì)算頁面剩余瀏覽時(shí) 間，當(dāng)所述頁面剩余瀏覽時(shí)間滿足預(yù)設(shè)條件，則觸發(fā)步驟S104 ;
[0025] 步驟S104,包括：查詢當(dāng)前頁面的后續(xù)頁面，向服務(wù)器發(fā)送關(guān)于后續(xù)頁面的頁面 獲取請(qǐng)求，將服務(wù)器返回的關(guān)于后續(xù)頁面的頁面數(shù)據(jù)加載更新到當(dāng)前頁面末端。
[0026] 滾動(dòng)條在滾動(dòng)時(shí)會(huì)有一個(gè)滾動(dòng)條數(shù)值表明其在頁面中或者在屏幕上的位置坐標(biāo)。 在步驟S101中，當(dāng)前頁面末端滾動(dòng)條數(shù)值指的是當(dāng)前頁面當(dāng)滾動(dòng)到最下方時(shí)，滾動(dòng)條在頁 面或者在屏幕上的位置坐標(biāo)，當(dāng)前頁面起始滾動(dòng)條數(shù)值指的是當(dāng)前頁面滾動(dòng)到最上方時(shí)， 滾動(dòng)條在頁面或者在屏幕上的位置坐標(biāo)。網(wǎng)頁上的腳本語言，從執(zhí)行加載頁面的事件開始， 到頁面加載完成需要一定的時(shí)間，當(dāng)前頁面加載完成時(shí)刻指的是當(dāng)前頁面加載完成的時(shí) 刻。
[0027] 在步驟S102中，滾動(dòng)條滾動(dòng)事件由對(duì)滾動(dòng)條的拖動(dòng)觸發(fā)。對(duì)于電腦用戶，其通過 鼠標(biāo)拖動(dòng)滾動(dòng)條，或者通過鼠標(biāo)滾輪滾動(dòng)滾動(dòng)條，均會(huì)產(chǎn)生滾動(dòng)條滾動(dòng)事件，從而觸發(fā)步驟 S102。而對(duì)于手機(jī)用戶來說，通過鍵盤拖動(dòng)頁面，或者使用觸摸屏幕的用戶通過觸摸操作拖 動(dòng)滾動(dòng)條或者拖動(dòng)頁面，均會(huì)產(chǎn)生滾動(dòng)條滾動(dòng)事件，從而觸發(fā)步驟S102。本次滾動(dòng)條觸發(fā)時(shí) 刻指的是步驟S102被觸發(fā)時(shí)的時(shí)刻，本次滾動(dòng)條數(shù)值為步驟S102被觸發(fā)時(shí)，滾動(dòng)條的滾動(dòng) 條數(shù)值，即滾動(dòng)條在步驟S102被觸發(fā)時(shí)在頁面或者在屏幕上的位置坐標(biāo)。步驟S102可能 會(huì)被多次觸發(fā)，每次觸發(fā)均關(guān)于滾動(dòng)條的本次滾動(dòng)條觸發(fā)時(shí)刻和本次滾動(dòng)條數(shù)值，從而得 到多個(gè)本次滾動(dòng)條觸發(fā)時(shí)刻和本次滾動(dòng)條數(shù)值。
[0028] 步驟S103根據(jù)本次滾動(dòng)條數(shù)