進(jìn)度條優(yōu)化方法及裝置的制造方法
【專利摘要】本發(fā)明提供了進(jìn)度條優(yōu)化方法及裝置，通過獲取正在加載的當(dāng)前頁面的加載進(jìn)度，判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值，若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指示符，判斷是否接收到所述指示符注入成功時返回的回調(diào)指示，若接收到所述回調(diào)指示，完成所述頁面的進(jìn)度條加載。本發(fā)明通過指示符來判斷頁面的主資源是否加載成功，當(dāng)頁面主資源加載成功后就完成進(jìn)度條的加載，優(yōu)化了進(jìn)度條的加載過程，提高了用戶感受。
【專利說明】
進(jìn)度條優(yōu)化方法及裝置
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及電子技術(shù)領(lǐng)域，尤其涉及一種進(jìn)度條優(yōu)化方法及裝置。
【背景技術(shù)】
[0002]隨著移動網(wǎng)絡(luò)勢頭的迅猛發(fā)展，瀏覽器的戰(zhàn)略地位日益凸顯。手機(jī)逐漸融入到人們?nèi)粘Ｉ钪泻?，用戶在手機(jī)終端上進(jìn)行的網(wǎng)絡(luò)活動越來越多，手機(jī)瀏覽器成為手機(jī)終端上網(wǎng)需求的產(chǎn)物，并且已成為用戶日常使用中不可缺少的應(yīng)用程序。手機(jī)瀏覽器除了正常的網(wǎng)頁瀏覽的同時，也聚合了包括社交，娛樂，生活，學(xué)習(xí)等Web應(yīng)用，進(jìn)而可以為用戶提供全方位移動互聯(lián)網(wǎng)的服務(wù)。
[0003]目前，用戶可以通過網(wǎng)頁加載顯示的進(jìn)度條來獲知網(wǎng)頁加載的情況。在頁面的加載過程中，有時會出現(xiàn)加載卡在某處無法前進(jìn)，反應(yīng)在進(jìn)度條上即使進(jìn)度條停止不前，使得用戶必須等待頁面加載完成后，不僅使得頁面的瀏覽率較低，還會影響用戶的感受。

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

[0004]本發(fā)明提供一種進(jìn)度條優(yōu)化方法及裝置，用于解決當(dāng)頁面出現(xiàn)加載卡頓而導(dǎo)致進(jìn)度條無法響應(yīng)，使得頁面的瀏覽率降低的問題。
[0005]為了實現(xiàn)上述目的，本發(fā)明提供了一種進(jìn)度條優(yōu)化方法，包括:
[0006]獲取正在加載的當(dāng)前頁面的加載進(jìn)度；
[0007]判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值；
[0008]若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指不符；
[0009]判斷是否接收到所述指示符注入成功時返回的回調(diào)指示；
[0010]若接收到所述回調(diào)指示，完成所述頁面的進(jìn)度條加載。
[0011 ]為了實現(xiàn)上述目的，本發(fā)明提供了一種進(jìn)度條優(yōu)化裝置，包括:
[0012]獲取模塊，用于獲取正在加載的當(dāng)前頁面的加載進(jìn)度；
[0013]第一判斷模塊，用于判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值；
[0014]注入模塊，用于若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指不符；
[0015]第二判斷模塊，用于判斷是否接收到所述指示符注入成功時返回的回調(diào)指示；
[0016]加載模塊，用于在所述第二判斷模塊判斷接收到所述回調(diào)指令后，完成所述頁面的進(jìn)度條的加載。
[0017]本發(fā)明的進(jìn)度條優(yōu)化方法及裝置，通過獲取正在加載的當(dāng)前頁面的加載進(jìn)度，判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值，若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指示符，判斷是否接收到所述指示符注入成功時返回的回調(diào)指示，若接收到所述回調(diào)指示，完成所述頁面的進(jìn)度條加載。本發(fā)明通過指示符來判斷頁面的主資源是否加載成功，當(dāng)頁面主資源加載成功后就完成進(jìn)度條的加載，優(yōu)化了進(jìn)度條的加載過程，提高了用戶感受。
【附圖說明】
[0018]圖1為本發(fā)明實施例一的進(jìn)度條優(yōu)化方法的流程示意圖；
[0019]圖2為本發(fā)明實施例二的進(jìn)度條優(yōu)化裝置的結(jié)構(gòu)示意圖。
【具體實施方式】
[0020]下面結(jié)合附圖對本發(fā)明實施例提供的進(jìn)度條優(yōu)化方法及裝置進(jìn)行詳細(xì)描述。
[0021 ] 實施例一
[0022]如圖1所示，其為本發(fā)明實施例一的進(jìn)度條優(yōu)化方法的流程示意圖，該進(jìn)度條優(yōu)化方法包括:
[0023]步驟101、獲取正在加載的當(dāng)前頁面的加載進(jìn)度。
[0024]用戶通過手機(jī)瀏覽器可以瀏覽網(wǎng)頁頁面，當(dāng)打開一個頁面后，頁面對應(yīng)的內(nèi)容進(jìn)入加載流程中，在加載時，手機(jī)瀏覽器的工具欄上會顯示出加載的進(jìn)度條，頁面的加載進(jìn)度直接影響到進(jìn)度條的長度，進(jìn)度條在頁面未加載完成時，會做出加載動畫，提醒用戶該頁面正在加載。
[0025]本實施例中，在頁面加載過程中，可以獲取正在加載的當(dāng)前頁面的加載進(jìn)度。例如，加載進(jìn)度可以用百分比來表示，當(dāng)頁面加載完成了一般，則相應(yīng)的加載進(jìn)度就可以用50%來表不。
[0026]步驟102、判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值。
[0027]進(jìn)一步地，預(yù)設(shè)有一個加載進(jìn)度的閾值，在獲取到當(dāng)前頁面的加載進(jìn)度后，將該加載進(jìn)度與預(yù)設(shè)的閾值進(jìn)行比較，如果判斷出該加載進(jìn)度超過了預(yù)設(shè)的閾值，說明加載情況較好，執(zhí)行步驟103;否則，執(zhí)行步驟101。
[0028]步驟103、向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指示符。
[0029]步驟104、判斷是否接收到所述指示符注入成功時返回的回調(diào)指示。
[0030]本實施例中，通過該指示符來判斷頁面的主資源是否加載完成。具體地，當(dāng)主資源加載完成后，在向頁面注入指示符時，指示符就可以注入進(jìn)去，并且返回一個回調(diào)指示，如果主資源未加載完成，在向頁面注入指示符時，指示符就會注入失敗，并且不會返回回調(diào)指示。優(yōu)選地，指示符可以為空白的腳本語言(JavaScript，簡稱JS)文件。
[0031]如果判斷結(jié)果為是，執(zhí)行步驟105;否則，返回執(zhí)行步驟103直到接收到回調(diào)指示。
[0032]步驟105、完成所述頁面的進(jìn)度條加載。
[0033]具體地，在接收到回調(diào)指示，說明頁面的主資源已經(jīng)加載完成，此時可以根據(jù)接收到的回調(diào)指令獲取加載相應(yīng)進(jìn)度條的加載邏輯，根據(jù)該加載邏輯完成進(jìn)度條的加載。
[0034]本實施例提供的進(jìn)度條優(yōu)化方法，通過獲取正在加載的當(dāng)前頁面的加載進(jìn)度，判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值，若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指示符，判斷是否接收到所述指示符注入成功時返回的回調(diào)指示，若接收到所述回調(diào)指示，完成所述頁面的進(jìn)度條加載。本實施例通過指示符來判斷頁面的主資源是否加載成功，當(dāng)頁面主資源加載成功后就完成進(jìn)度條的加載，優(yōu)化了進(jìn)度條的加載過程，提高了用戶感受。
[0035]實施例二
[0036]圖2所示，其為本發(fā)明實施例二的進(jìn)度條優(yōu)化裝置的結(jié)構(gòu)示意圖。該裝置包括:獲取模塊11、第一判斷模塊12、注入模塊13、第二判斷模塊14和加載模塊15。
[0037]其中，獲取模塊11，用于獲取正在加載的當(dāng)前頁面的加載進(jìn)度。
[0038]第一判斷模塊12，用于判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值。
[0039]注入模塊13，用于若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指示符。
[0040]第二判斷模塊14，用于判斷是否接收到所述指示符注入成功時返回的回調(diào)指示。[0041 ]加載模塊15，用于在所述第二判斷模塊判斷接收到所述回調(diào)指令后，完成所述頁面的進(jìn)度條的加載。
[0042]用戶通過手機(jī)瀏覽器可以瀏覽網(wǎng)頁頁面，當(dāng)打開一個頁面后，頁面對應(yīng)的內(nèi)容進(jìn)入加載流程中，在加載時，手機(jī)瀏覽器的工具欄上會顯示出加載的進(jìn)度條，頁面的加載進(jìn)度直接影響到進(jìn)度條的長度，進(jìn)度條在頁面未加載完成時，會做出加載動畫，提醒用戶該頁面正在加載。
[0043]本實施例中，在頁面加載過程中，獲取模塊11可以獲取正在加載的當(dāng)前頁面的加載進(jìn)度。例如，加載進(jìn)度可以用百分比來表示，當(dāng)頁面加載完成了一般，則相應(yīng)的加載進(jìn)度就可以用50%來表示。
[0044]進(jìn)一步地，預(yù)設(shè)有一個加載進(jìn)度的閾值，在獲取到當(dāng)前頁面的加載進(jìn)度后，第一判斷模塊12將該加載進(jìn)度與預(yù)設(shè)的閾值進(jìn)行比較，如果判斷出該加載進(jìn)度超過了預(yù)設(shè)的閾值，說明加載情況較好，注入模塊13向頁面注入用于指示頁面的主資源加載完成的指示符。第二判斷模塊14判斷是否接收到指示符注入成功時返回的回調(diào)指示。
[0045]本實施例中，通過該指示符來判斷頁面的主資源是否加載完成。具體地，當(dāng)主資源加載完成后，在向頁面注入指示符時，指示符就可以注入進(jìn)去，并且返回一個回調(diào)指示，如果主資源未加載完成，在向頁面注入指示符時，指示符就會注入失敗，并且不會返回回調(diào)指示。優(yōu)選地，指示符可以為空白的JS文件。
[0046]在接收到回調(diào)指示，說明頁面的主資源已經(jīng)加載完成，加載模塊15完成頁面的進(jìn)度條加載。加載模塊15可以根據(jù)接收到的回調(diào)指令獲取加載相應(yīng)進(jìn)度條的加載邏輯，根據(jù)該加載邏輯完成進(jìn)度條的加載。
[0047]本實施例提供的進(jìn)度條優(yōu)化裝置，通過獲取正在加載的當(dāng)前頁面的加載進(jìn)度，判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值，若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指示符，判斷是否接收到所述指示符注入成功時返回的回調(diào)指示，若接收到所述回調(diào)指示，完成所述頁面的進(jìn)度條加載。本實施例通過指示符來判斷頁面的主資源是否加載成功，當(dāng)頁面主資源加載成功后就完成進(jìn)度條的加載，優(yōu)化了進(jìn)度條的加載過程，提高了用戶感受。
[0048]本領(lǐng)域普通技術(shù)人員可以理解:實現(xiàn)上述各方法實施例的全部或部分步驟可以通過程序指令相關(guān)的硬件來完成。前述的程序可以存儲于一計算機(jī)可讀取存儲介質(zhì)中。該程序在執(zhí)行時，執(zhí)行包括上述各方法實施例的步驟;而前述的存儲介質(zhì)包括:R0M、RAM、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。
[0049]最后應(yīng)說明的是:以上各實施例僅用以說明本發(fā)明的技術(shù)方案，而非對其限制;盡管參照前述各實施例對本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解:其依然可以對前述各實施例所記載的技術(shù)方案進(jìn)行修改，或者對其中部分或者全部技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實施例技術(shù)方案的范圍。
【主權(quán)項】
1.一種進(jìn)度條優(yōu)化方法，其特征在于，包括: 獲取正在加載的當(dāng)前頁面的加載進(jìn)度； 判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值； 若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指示符； 判斷是否接收到所述指示符注入成功時返回的回調(diào)指示； 若接收到所述回調(diào)指示，完成所述頁面的進(jìn)度條加載。2.根據(jù)權(quán)利要求1所述的進(jìn)度條優(yōu)化方法，其特征在于，還包括: 若在預(yù)設(shè)的時間內(nèi)未接收到所述回調(diào)指示，重新注入所指示符直到接收到所述回調(diào)指不O3.根據(jù)權(quán)利要求2所述的進(jìn)度條優(yōu)化方法，其特征在于，還包括: 若所述加載進(jìn)未超過所述閾值，返回重新獲取所述頁面的所述加載進(jìn)度。4.根據(jù)權(quán)利要求3所述的進(jìn)度條優(yōu)化方法，其特征在于，所述完成所述頁面的進(jìn)度條加載，包括: 根據(jù)所述回調(diào)指令獲取加載所述進(jìn)度條的加載邏輯； 根據(jù)所述加載邏輯完成所述進(jìn)度條的加載。5.根據(jù)權(quán)利要求1-4任一項所述的進(jìn)度條優(yōu)化方法，其特征在于，所述指示符為空白腳本語言JS文件。6.一種進(jìn)度條優(yōu)化裝置，其特征在于，包括: 獲取模塊，用于獲取正在加載的當(dāng)前頁面的加載進(jìn)度； 第一判斷模塊，用于判斷所述加載進(jìn)度是否超過預(yù)設(shè)的閾值； 注入模塊，用于若所述加載進(jìn)超過所述閾值，向所述頁面注入用于指示所述頁面對應(yīng)的主資源加載完成的指不符； 第二判斷模塊，用于判斷是否接收到所述指示符注入成功時返回的回調(diào)指示； 加載模塊，用于在所述第二判斷模塊判斷接收到所述回調(diào)指令后，完成所述頁面的進(jìn)度條的加載。7.根據(jù)權(quán)利要求6所述的進(jìn)度條優(yōu)化裝置，其特征在于，所述注入模塊，還用于所述第二判斷模塊在預(yù)設(shè)的時間內(nèi)未接收到所述回調(diào)指示，重新注入所述指示符直到所述第二判斷模塊判斷接收到所述回調(diào)指示。8.根據(jù)權(quán)利要求7所述的進(jìn)度條優(yōu)化裝置，其特征在于，所述獲取模塊，還用于在所述第一判斷模塊若所述加載進(jìn)未超過所述閾值，重新獲取所述頁面的加載進(jìn)度。9.根據(jù)權(quán)利要求8所述的進(jìn)度條優(yōu)化裝置，其特征在于，所述加載模塊，具體用于根據(jù)所述回調(diào)指令獲取加載所述進(jìn)度條的加載邏輯，根據(jù)所述加載邏輯完成所述進(jìn)度條的加載。10.根據(jù)權(quán)利要求6-9任一項所述的進(jìn)度條優(yōu)化裝置，其特征在于，所述指示符為空白腳本語言JS文件。
【文檔編號】G06F9/445GK105893074SQ201510923303
【公開日】2016年8月24日
【申請日】2015年12月14日
【發(fā)明人】劉志勃
【申請人】樂視移動智能信息技術(shù)（北京）有限公司