基于移動(dòng)終端的頁(yè)面資源加載方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及資源加載技術(shù)領(lǐng)域，特別涉及一種基于移動(dòng)終端的頁(yè)面資源加載方法及裝置。
【背景技術(shù)】
[0002]場(chǎng)景應(yīng)用是由若干頁(yè)面所組成的應(yīng)用程序，所述頁(yè)面通過(guò)應(yīng)用超文本標(biāo)記語(yǔ)言HTML技術(shù)開(kāi)發(fā)，適合在移動(dòng)終端上使用，通常通過(guò)用戶(hù)在移動(dòng)終端上進(jìn)行的觸控操作來(lái)實(shí)現(xiàn)頁(yè)面切換，從而完成交互，如今常用于產(chǎn)品的推廣。
[0003]由于場(chǎng)景應(yīng)用的頁(yè)面絕大部分是圖片資源，而一般各張圖片使用jpg格式在10kb左右，若有10張圖片則相當(dāng)于1M，再加上其他圖片樣式等資源，一般有2?5M。
[0004]現(xiàn)有技術(shù)中，用戶(hù)在瀏覽場(chǎng)景應(yīng)用時(shí)，由移動(dòng)終端將整個(gè)場(chǎng)景應(yīng)用中的頁(yè)面全部加載完成后，才能進(jìn)行頁(yè)面切換，但若移動(dòng)終端在2G網(wǎng)絡(luò)或3G網(wǎng)絡(luò)等網(wǎng)速較慢的網(wǎng)絡(luò)中，會(huì)導(dǎo)致移動(dòng)終端的頁(yè)面加載時(shí)間過(guò)長(zhǎng)，嚴(yán)重影響用戶(hù)體驗(yàn)，另外，用戶(hù)不一定會(huì)瀏覽所述場(chǎng)景應(yīng)用中的所有頁(yè)面，仍需加載所述場(chǎng)景應(yīng)用中的所有頁(yè)面，也會(huì)對(duì)用戶(hù)的流量造成一定浪費(fèi)。

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

[0005]鑒于上述問(wèn)題，提出了本發(fā)明以便提供一種克服上述問(wèn)題或者至少部分地解決上述問(wèn)題的一種基于移動(dòng)終端的頁(yè)面資源加載方法和相應(yīng)的一種基于移動(dòng)終端的頁(yè)面資源加載裝置。
[0006]依據(jù)本發(fā)明的一個(gè)方面，提供了一種基于移動(dòng)終端的頁(yè)面資源加載方法，所述方法包括:
[0007]在界面中展示應(yīng)用程序的當(dāng)前頁(yè)面時(shí)，獲取用戶(hù)在所述界面上的觸控操作，所述應(yīng)用程序由若干頁(yè)面組成；
[0008]根據(jù)所述觸控操作確定所述應(yīng)用程序的頁(yè)面切換方向；
[0009]根據(jù)所述當(dāng)前頁(yè)面和頁(yè)面切換方向確定所述應(yīng)用程序中的待加載頁(yè)面，觸發(fā)所述待加載頁(yè)面的資源加載。
[0010]可選地，所述根據(jù)所述當(dāng)前頁(yè)面和頁(yè)面切換方向確定所述應(yīng)用程序中的待加載頁(yè)面，進(jìn)一步包括:
[0011]將所述應(yīng)用程序中從所述當(dāng)前頁(yè)面起沿所述頁(yè)面切換方向的第一個(gè)未加載頁(yè)面作為所述待加載頁(yè)面。
[0012]可選地，所述觸發(fā)所述待加載頁(yè)面的資源加載，進(jìn)一步包括:
[0013]觸發(fā)所述待加載頁(yè)面的圖片加載，并觸發(fā)所述待加載頁(yè)面的背景圖像加載。
[0014]可選地，所述觸發(fā)所述待加載頁(yè)面的圖片加載，進(jìn)一步包括:
[0015]向所述待加載頁(yè)面的img標(biāo)簽中的src屬性寫(xiě)入圖片的統(tǒng)一資源定位符URL，根據(jù)所述圖片的URL下載對(duì)應(yīng)的圖片，從而實(shí)現(xiàn)所述待加載頁(yè)面的圖片加載。
[0016]可選地，所述觸發(fā)所述待加載頁(yè)面的背景圖像加載，進(jìn)一步包括:
[0017]向所述待加載頁(yè)面的body標(biāo)簽中的background屬性寫(xiě)入背景圖像的統(tǒng)一資源定位符URL，根據(jù)所述背景圖像的URL下載對(duì)應(yīng)的背景圖像，從而實(shí)現(xiàn)所述待加載頁(yè)面的背景圖像加載。
[0018]可選地，所述根據(jù)所述觸控操作確定所述應(yīng)用程序的頁(yè)面切換方向之后，還包括:
[0019]根據(jù)所述當(dāng)前頁(yè)面和頁(yè)面切換方向確定所述應(yīng)用程序中的待展示頁(yè)面，將所述界面中展示的當(dāng)前頁(yè)面切換為所述待展示頁(yè)面。
[0020]依據(jù)本發(fā)明的另一個(gè)方面，提供了一種基于移動(dòng)終端的頁(yè)面資源加載裝置，所述裝置包括:
[0021]操作獲取器，適于在界面中展示應(yīng)用程序的當(dāng)前頁(yè)面時(shí)，獲取用戶(hù)在所述界面上的觸控操作，所述應(yīng)用程序由若干頁(yè)面組成；
[0022]方向確定器，適于根據(jù)所述觸控操作確定所述應(yīng)用程序的頁(yè)面切換方向；
[0023]加載觸發(fā)器，適于根據(jù)所述當(dāng)前頁(yè)面和頁(yè)面切換方向確定所述應(yīng)用程序中的待加載頁(yè)面，觸發(fā)所述待加載頁(yè)面的資源加載。
[0024]可選地，所述加載觸發(fā)器，還適于將所述應(yīng)用程序中從所述當(dāng)前頁(yè)面起沿所述頁(yè)面切換方向的第一個(gè)未加載頁(yè)面作為所述待加載頁(yè)面。
[0025]可選地，所述加載觸發(fā)器，還適于觸發(fā)所述待加載頁(yè)面的圖片加載，并觸發(fā)所述待加載頁(yè)面的背景圖像加載。
[0026]可選地，所述加載觸發(fā)器，還適于向所述待加載頁(yè)面的img標(biāo)簽中的src屬性寫(xiě)入圖片的統(tǒng)一資源定位符URL，根據(jù)所述圖片的URL下載對(duì)應(yīng)的圖片，從而實(shí)現(xiàn)所述待加載頁(yè)面的圖片加載。
[0027]可選地，所述加載觸發(fā)器，還適于向所述待加載頁(yè)面的body標(biāo)簽中的background屬性寫(xiě)入背景圖像的統(tǒng)一資源定位符URL，根據(jù)所述背景圖像的URL下載對(duì)應(yīng)的背景圖像，從而實(shí)現(xiàn)所述待加載頁(yè)面的背景圖像加載。
[0028]可選地，所述裝置，還包括頁(yè)面切換器，適于根據(jù)所述當(dāng)前頁(yè)面和頁(yè)面切換方向確定所述應(yīng)用程序中的待展示頁(yè)面，將所述界面中展示的當(dāng)前頁(yè)面切換為所述待展示頁(yè)面。
[0029]本發(fā)明通過(guò)獲取用戶(hù)在所述界面上的觸控操作，根據(jù)所述觸控操作確定所述應(yīng)用程序的頁(yè)面切換方向，根據(jù)當(dāng)前頁(yè)面和頁(yè)面切換方向確定所述應(yīng)用程序中的待加載頁(yè)面，再觸發(fā)所述待加載頁(yè)面的資源加載，有效縮短了場(chǎng)景應(yīng)用的加載時(shí)間，提高了用戶(hù)體驗(yàn)，并且無(wú)需加載一些可能不瀏覽的頁(yè)面，節(jié)約了用戶(hù)的流量。
【附圖說(shuō)明】
[0030]通過(guò)閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對(duì)本發(fā)明的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中:
[0031]圖1是本發(fā)明一個(gè)實(shí)施例的一種基于移動(dòng)終端的頁(yè)面資源加載方法的步驟流程圖；
[0032]圖2是本發(fā)明一個(gè)實(shí)施例的一種基于移動(dòng)終端的頁(yè)面資源加載方法的步驟流程圖；
[0033]圖3是本發(fā)明一個(gè)實(shí)施例的一種場(chǎng)景應(yīng)用中頁(yè)面的示例圖；
[0034]圖4是本發(fā)明一個(gè)實(shí)施例的一種場(chǎng)景應(yīng)用在首次瀏覽時(shí)的示例圖；
[0035]圖5是本發(fā)明一個(gè)實(shí)施例的一種場(chǎng)景應(yīng)用從第I頁(yè)切換至第2頁(yè)的示例圖；
[0036]圖6是本發(fā)明一個(gè)實(shí)施例的一種場(chǎng)景應(yīng)用從第2頁(yè)切換至第3頁(yè)的不例圖；
[0037]圖7是本發(fā)明一種實(shí)施例的一種場(chǎng)景應(yīng)用從第2頁(yè)切換至第I頁(yè)的示例圖；
[0038]圖8是本發(fā)明一種實(shí)施例的一種場(chǎng)景應(yīng)用從第I頁(yè)切換至最后I頁(yè)的不例圖；
[0039]圖9是本發(fā)明一個(gè)實(shí)施例的一種基于移動(dòng)終端的頁(yè)面資源加載方法的步驟流程圖；
[0040]圖10是本發(fā)明一個(gè)實(shí)施例的一種基于移動(dòng)終端的頁(yè)面資源加載裝置的結(jié)構(gòu)框圖；
[0041]圖11是本發(fā)明一個(gè)實(shí)施例的一種基于移動(dòng)終端的頁(yè)面資源加載裝置的結(jié)構(gòu)框圖。
【具體實(shí)施方式】
[0042]下面結(jié)合附圖和實(shí)施例，對(duì)本發(fā)明的【具體實(shí)施方式】作進(jìn)一步詳細(xì)描述。以下實(shí)施例用于說(shuō)明本發(fā)明，但不用來(lái)限制本發(fā)明的范圍。
[0043]圖1是本發(fā)明一個(gè)實(shí)施例的一種基于移動(dòng)終端的頁(yè)面資源加載方法的步驟流程圖；參照?qǐng)D1，所述方法包括:
[0044]SlOl:在界面中展示應(yīng)用程序的當(dāng)前頁(yè)面時(shí)，獲取用戶(hù)在所述界面上的觸控操作，所述應(yīng)用程序由若干頁(yè)面組成；
[0045]可理解的是，所述界面即為移動(dòng)終端的顯示界面，所述當(dāng)前頁(yè)面即為當(dāng)前在移動(dòng)終端的顯示界面中所展示的頁(yè)面，所述應(yīng)用程序即為場(chǎng)景應(yīng)用。
[0046]S102:根據(jù)所述觸控操作確定所述應(yīng)用程序的頁(yè)面切換方向；
[0047]需要說(shuō)明的是，可在移動(dòng)終端中預(yù)先設(shè)置觸控操作和頁(yè)面切換方式之間的對(duì)應(yīng)關(guān)系，再根據(jù)所述觸控操作確定所述應(yīng)用程序的頁(yè)面切換方向；
[0048]例如:在所述界面中預(yù)設(shè)兩個(gè)按鈕，當(dāng)觸控操作為點(diǎn)擊第一按鈕時(shí)，可確定為頁(yè)面切換方向?yàn)檎?設(shè)第N頁(yè)為當(dāng)前頁(yè)面，即從場(chǎng)景應(yīng)用的第N頁(yè)切換至第N+1頁(yè)的方向)，當(dāng)觸控操作為點(diǎn)擊第二按鈕時(shí)，可確定為頁(yè)面切換方向?yàn)榉聪?即從場(chǎng)景應(yīng)用的第N頁(yè)切換至第N-1頁(yè)的方向)；
[0049]又例如:當(dāng)觸控操作為向上滑動(dòng)時(shí)，可確定為頁(yè)面切換方向?yàn)檎?，?dāng)觸控操作為向下滑動(dòng)時(shí)，可確定為頁(yè)面切換方向?yàn)榉聪颍?br>[0050]當(dāng)然，步驟S102還可采用其他方式來(lái)確定所述應(yīng)用程序的頁(yè)面切換方向，本實(shí)施例對(duì)此不加以限制。
[0051]S103:根據(jù)所述當(dāng)前頁(yè)面和頁(yè)面切換方向確定所述應(yīng)用程序中的待加載頁(yè)面，觸發(fā)所述待加載頁(yè)面的資源加載。
[0052]本實(shí)施例通過(guò)獲取用戶(hù)在所述界面上的觸控操作，根據(jù)所述觸控操作確定所述應(yīng)用程序的頁(yè)面切換方向，根據(jù)當(dāng)前頁(yè)面和頁(yè)面切換方向確定所述應(yīng)用程序中的待加載頁(yè)面，再觸發(fā)所述待加載頁(yè)面的資源加載，有效縮短了場(chǎng)景應(yīng)用的加載時(shí)間，提高了用戶(hù)體驗(yàn)，并且無(wú)需加載一些可能不瀏覽的頁(yè)面，節(jié)約了用戶(hù)的流量。
[0053]圖2是本發(fā)明一個(gè)實(shí)施例的一種基于移動(dòng)終端的頁(yè)面資源加載方法的步驟流程圖；參照?qǐng)D2，所述方法包括:
[0054]S201:在界面中展示應(yīng)用程序的當(dāng)前頁(yè)面時(shí)，獲取用戶(hù)在所述界面上的觸控操作，所述應(yīng)用程序由若干頁(yè)面組成；
[0055]S202:根據(jù)所述觸控操作確定所述應(yīng)用程序的頁(yè)面切換方向；
[0056]可理解的是，步驟S201?S202與圖1所示的實(shí)施例中的步驟SlOl?S102相同，在此不再贅述。
[0057]S203:根據(jù)所