基于移動終端的頁面資源加載方法及裝置的制造方法
【技術領域】
[0001]本發明涉及資源加載技術領域,特別涉及一種基于移動終端的頁面資源加載方法及裝置。
【背景技術】
[0002]場景應用是由若干頁面所組成的應用程序,所述頁面通過應用超文本標記語言HTML技術開發,適合在移動終端上使用,通常通過用戶在移動終端上進行的觸控操作來實現頁面切換,從而完成交互,如今常用于產品的推廣。
[0003]由于場景應用的頁面絕大部分是圖片資源,而一般各張圖片使用jpg格式在10kb左右,若有10張圖片則相當于1M,再加上其他圖片樣式等資源,一般有2?5M。
[0004]現有技術中,用戶在瀏覽場景應用時,由移動終端將整個場景應用中的頁面全部加載完成后,才能進行頁面切換,但若移動終端在2G網絡或3G網絡等網速較慢的網絡中,會導致移動終端的頁面加載時間過長,嚴重影響用戶體驗,另外,用戶不一定會瀏覽所述場景應用中的所有頁面,仍需加載所述場景應用中的所有頁面,也會對用戶的流量造成一定浪費。
【發明內容】
[0005]鑒于上述問題,提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的一種基于移動終端的頁面資源加載方法和相應的一種基于移動終端的頁面資源加載裝置。
[0006]依據本發明的一個方面,提供了一種基于移動終端的頁面資源加載方法,所述方法包括:
[0007]在界面中展示應用程序的當前頁面時,獲取用戶在所述界面上的觸控操作,所述應用程序由若干頁面組成;
[0008]根據所述觸控操作確定所述應用程序的頁面切換方向;
[0009]根據所述當前頁面和頁面切換方向確定所述應用程序中的待加載頁面,觸發所述待加載頁面的資源加載。
[0010]可選地,所述根據所述當前頁面和頁面切換方向確定所述應用程序中的待加載頁面,進一步包括:
[0011]將所述應用程序中從所述當前頁面起沿所述頁面切換方向的第一個未加載頁面作為所述待加載頁面。
[0012]可選地,所述觸發所述待加載頁面的資源加載,進一步包括:
[0013]觸發所述待加載頁面的圖片加載,并觸發所述待加載頁面的背景圖像加載。
[0014]可選地,所述觸發所述待加載頁面的圖片加載,進一步包括:
[0015]向所述待加載頁面的img標簽中的src屬性寫入圖片的統一資源定位符URL,根據所述圖片的URL下載對應的圖片,從而實現所述待加載頁面的圖片加載。
[0016]可選地,所述觸發所述待加載頁面的背景圖像加載,進一步包括:
[0017]向所述待加載頁面的body標簽中的background屬性寫入背景圖像的統一資源定位符URL,根據所述背景圖像的URL下載對應的背景圖像,從而實現所述待加載頁面的背景圖像加載。
[0018]可選地,所述根據所述觸控操作確定所述應用程序的頁面切換方向之后,還包括:
[0019]根據所述當前頁面和頁面切換方向確定所述應用程序中的待展示頁面,將所述界面中展示的當前頁面切換為所述待展示頁面。
[0020]依據本發明的另一個方面,提供了一種基于移動終端的頁面資源加載裝置,所述裝置包括:
[0021]操作獲取器,適于在界面中展示應用程序的當前頁面時,獲取用戶在所述界面上的觸控操作,所述應用程序由若干頁面組成;
[0022]方向確定器,適于根據所述觸控操作確定所述應用程序的頁面切換方向;
[0023]加載觸發器,適于根據所述當前頁面和頁面切換方向確定所述應用程序中的待加載頁面,觸發所述待加載頁面的資源加載。
[0024]可選地,所述加載觸發器,還適于將所述應用程序中從所述當前頁面起沿所述頁面切換方向的第一個未加載頁面作為所述待加載頁面。
[0025]可選地,所述加載觸發器,還適于觸發所述待加載頁面的圖片加載,并觸發所述待加載頁面的背景圖像加載。
[0026]可選地,所述加載觸發器,還適于向所述待加載頁面的img標簽中的src屬性寫入圖片的統一資源定位符URL,根據所述圖片的URL下載對應的圖片,從而實現所述待加載頁面的圖片加載。
[0027]可選地,所述加載觸發器,還適于向所述待加載頁面的body標簽中的background屬性寫入背景圖像的統一資源定位符URL,根據所述背景圖像的URL下載對應的背景圖像,從而實現所述待加載頁面的背景圖像加載。
[0028]可選地,所述裝置,還包括頁面切換器,適于根據所述當前頁面和頁面切換方向確定所述應用程序中的待展示頁面,將所述界面中展示的當前頁面切換為所述待展示頁面。
[0029]本發明通過獲取用戶在所述界面上的觸控操作,根據所述觸控操作確定所述應用程序的頁面切換方向,根據當前頁面和頁面切換方向確定所述應用程序中的待加載頁面,再觸發所述待加載頁面的資源加載,有效縮短了場景應用的加載時間,提高了用戶體驗,并且無需加載一些可能不瀏覽的頁面,節約了用戶的流量。
【附圖說明】
[0030]通過閱讀下文優選實施方式的詳細描述,各種其他的優點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優選實施方式的目的,而并不認為是對本發明的限制。而且在整個附圖中,用相同的參考符號表示相同的部件。在附圖中:
[0031]圖1是本發明一個實施例的一種基于移動終端的頁面資源加載方法的步驟流程圖;
[0032]圖2是本發明一個實施例的一種基于移動終端的頁面資源加載方法的步驟流程圖;
[0033]圖3是本發明一個實施例的一種場景應用中頁面的示例圖;
[0034]圖4是本發明一個實施例的一種場景應用在首次瀏覽時的示例圖;
[0035]圖5是本發明一個實施例的一種場景應用從第I頁切換至第2頁的示例圖;
[0036]圖6是本發明一個實施例的一種場景應用從第2頁切換至第3頁的不例圖;
[0037]圖7是本發明一種實施例的一種場景應用從第2頁切換至第I頁的示例圖;
[0038]圖8是本發明一種實施例的一種場景應用從第I頁切換至最后I頁的不例圖;
[0039]圖9是本發明一個實施例的一種基于移動終端的頁面資源加載方法的步驟流程圖;
[0040]圖10是本發明一個實施例的一種基于移動終端的頁面資源加載裝置的結構框圖;
[0041]圖11是本發明一個實施例的一種基于移動終端的頁面資源加載裝置的結構框圖。
【具體實施方式】
[0042]下面結合附圖和實施例,對本發明的【具體實施方式】作進一步詳細描述。以下實施例用于說明本發明,但不用來限制本發明的范圍。
[0043]圖1是本發明一個實施例的一種基于移動終端的頁面資源加載方法的步驟流程圖;參照圖1,所述方法包括:
[0044]SlOl:在界面中展示應用程序的當前頁面時,獲取用戶在所述界面上的觸控操作,所述應用程序由若干頁面組成;
[0045]可理解的是,所述界面即為移動終端的顯示界面,所述當前頁面即為當前在移動終端的顯示界面中所展示的頁面,所述應用程序即為場景應用。
[0046]S102:根據所述觸控操作確定所述應用程序的頁面切換方向;
[0047]需要說明的是,可在移動終端中預先設置觸控操作和頁面切換方式之間的對應關系,再根據所述觸控操作確定所述應用程序的頁面切換方向;
[0048]例如:在所述界面中預設兩個按鈕,當觸控操作為點擊第一按鈕時,可確定為頁面切換方向為正向(設第N頁為當前頁面,即從場景應用的第N頁切換至第N+1頁的方向),當觸控操作為點擊第二按鈕時,可確定為頁面切換方向為反向(即從場景應用的第N頁切換至第N-1頁的方向);
[0049]又例如:當觸控操作為向上滑動時,可確定為頁面切換方向為正向,當觸控操作為向下滑動時,可確定為頁面切換方向為反向;
[0050]當然,步驟S102還可采用其他方式來確定所述應用程序的頁面切換方向,本實施例對此不加以限制。
[0051]S103:根據所述當前頁面和頁面切換方向確定所述應用程序中的待加載頁面,觸發所述待加載頁面的資源加載。
[0052]本實施例通過獲取用戶在所述界面上的觸控操作,根據所述觸控操作確定所述應用程序的頁面切換方向,根據當前頁面和頁面切換方向確定所述應用程序中的待加載頁面,再觸發所述待加載頁面的資源加載,有效縮短了場景應用的加載時間,提高了用戶體驗,并且無需加載一些可能不瀏覽的頁面,節約了用戶的流量。
[0053]圖2是本發明一個實施例的一種基于移動終端的頁面資源加載方法的步驟流程圖;參照圖2,所述方法包括:
[0054]S201:在界面中展示應用程序的當前頁面時,獲取用戶在所述界面上的觸控操作,所述應用程序由若干頁面組成;
[0055]S202:根據所述觸控操作確定所述應用程序的頁面切換方向;
[0056]可理解的是,步驟S201?S202與圖1所示的實施例中的步驟SlOl?S102相同,在此不再贅述。
[0057]S203:根據所