本發(fā)明涉及移動互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別是涉及一種移動終端頁面控件加載方法及裝置。

背景技術(shù)：

隨著移動互聯(lián)網(wǎng)絡(luò)的快速發(fā)展，用戶也越來越習(xí)慣于通過移動終端進(jìn)行頁面瀏覽來獲取網(wǎng)絡(luò)信息。例如，移動終端中瀏覽器可以用于網(wǎng)上沖浪，很多非專用瀏覽器類應(yīng)用也可以兼具獲取網(wǎng)絡(luò)信息的功能。

現(xiàn)有技術(shù)中，移動終端應(yīng)用主要通過依賴第三方插件加載頁面控件來實現(xiàn)頁面的加載，例如，通過依賴jquery、或zepto實現(xiàn)頁面控件的加載。由于是第三方插件，需要按照第三方定義的方法使用，使用不方便。并且，第三方插件本身并沒有集成加載更多的功能，若要加載更多，還需要進(jìn)行自行擴(kuò)展。因此通常在第三方插件中，封裝多個應(yīng)用的頁面的控件對應(yīng)的代碼，以及每個頁面控件可能發(fā)生的各個事件，占用了較大存儲空間。當(dāng)需要加載更多頁面控件時，移動終端需要先下載安裝第三方插件，然后第三方插件先識別當(dāng)前顯示頁面的控件，并根據(jù)識別的控件確定控件所屬的應(yīng)用以及待顯示頁面的控件，查找待加載的頁面的控件對應(yīng)的代碼，之后加載查找到的控件。這樣的話，由于第三方插件封裝過于嚴(yán)重，可能會致使查找待加載的頁面的控件對應(yīng)的代碼時間較長，進(jìn)而導(dǎo)致加載更多頁面控件時的加載速度較慢。

可見，現(xiàn)有技術(shù)中，移動終端加載更多頁面控件的加載速度較慢。

技術(shù)實現(xiàn)要素：

本發(fā)明實施例的目的在于提供一種移動終端頁面控件加載方法及裝置，以提高移動終端加載更多頁面控件的加載速度。具體技術(shù)方案如下：

為達(dá)到上述目的，本發(fā)明實施例提供了一種移動終端頁面控件加載方法，應(yīng)用于移動終端，所述方法包括：

根據(jù)用戶輸入的網(wǎng)址信息，確定所述網(wǎng)址信息對應(yīng)的控件；

在所確定的控件中，加載當(dāng)前頁面對應(yīng)的第一控件，并將所述第一控件顯示在當(dāng)前頁面；

監(jiān)聽所述第一控件的滾動事件，在所述第一控件有滾動事件發(fā)生時，加載待加載頁面對應(yīng)的第二控件。

可選地，所述確定所述網(wǎng)址信息對應(yīng)的控件，包括：

獲取該網(wǎng)址信息對應(yīng)的數(shù)據(jù)，根據(jù)獲取的數(shù)據(jù)確定該網(wǎng)址信息對應(yīng)的控件，并對確定的控件進(jìn)行綁定；

或者，

判斷所述網(wǎng)址信息是否對應(yīng)有第三方插件，如果有，根據(jù)所述第三方插件對應(yīng)的數(shù)據(jù)，將所述第三方插件轉(zhuǎn)換為該網(wǎng)址信息對應(yīng)的控件，并對所述控件進(jìn)行綁定。

可選地，所述控件的類型包括圖片控件、文字控件、導(dǎo)航控件和幻燈片控件中的至少一種。

可選地，加載待加載頁面對應(yīng)的第二控件之后，所述方法還包括：

將所述第二控件顯示在當(dāng)前頁面。

可選地，所述加載當(dāng)前頁面對應(yīng)的第一控件包括：

通過所述第一控件對應(yīng)的回調(diào)函數(shù)，加載當(dāng)前頁面對應(yīng)的第一控件；

所述加載待加載頁面對應(yīng)的第二控件，包括：

通過所述第二控件對應(yīng)的回調(diào)函數(shù)，加載待加載頁面對應(yīng)的第二控件。

為達(dá)到上述目的，本發(fā)明實施例還提供了一種移動終端頁面控件加載裝置，應(yīng)用于移動終端，所述裝置包括：

確定模塊，用于根據(jù)用戶輸入的網(wǎng)址信息，確定所述網(wǎng)址信息對應(yīng)的控件；

第一加載模塊，用于在所確定的控件中，加載當(dāng)前頁面對應(yīng)的第一控件，并將所述第一控件顯示在當(dāng)前頁面；

第二加載模塊，用于監(jiān)聽所述第一控件的滾動事件，在所述第一控件有滾動事件發(fā)生時，加載待加載頁面對應(yīng)的第二控件。

可選地，所述確定模塊具體用于：

獲取該網(wǎng)址信息對應(yīng)的數(shù)據(jù)，根據(jù)獲取的數(shù)據(jù)確定該網(wǎng)址信息對應(yīng)的控件，并對確定的控件進(jìn)行綁定；

或者，

判斷所述網(wǎng)址信息是否對應(yīng)有第三方插件，如果有，根據(jù)所述第三方插件對應(yīng)的數(shù)據(jù)，將所述第三方插件轉(zhuǎn)換為該網(wǎng)址信息對應(yīng)的控件，并對所述控件進(jìn)行綁定。

可選地，所述控件的類型包括圖片控件、文字控件、導(dǎo)航控件和幻燈片控件中的至少一種。

可選地，所述裝置還包括：

顯示模塊，用于將所述第二控件顯示在當(dāng)前頁面。

可選地，所述第一加載模塊具體用于：

通過所述第一控件對應(yīng)的回調(diào)函數(shù)，加載當(dāng)前頁面對應(yīng)的第一控件；

所第二加載模塊具體用于：

通過所述第二控件對應(yīng)的回調(diào)函數(shù)，加載待加載頁面對應(yīng)的第二控件。

本發(fā)明實施例提供的一種移動終端頁面控件加載方法及裝置，可以根據(jù)用戶輸入的網(wǎng)址信息，確定所述網(wǎng)址信息對應(yīng)的控件；在所確定的控件中，加載當(dāng)前頁面對應(yīng)的第一控件，并將所述第一控件顯示在當(dāng)前頁面；監(jiān)聽所述第一控件的滾動事件，在所述第一控件有滾動事件發(fā)生時，加載待加載頁面對應(yīng)的第二控件。與現(xiàn)有技術(shù)相比，應(yīng)用本發(fā)明實施例所提供的方案，無需借助第三方插件便可實現(xiàn)加載更多移動終端頁面的控件，進(jìn)而可以提高移動終端加載更多頁面控件時的加載速度。

附圖說明

為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明實施例多提供的一種移動終端頁面控件加載方法的流程示意圖；

圖2為本發(fā)明實施例多提供的一種移動終端頁面控件加載裝置的結(jié)構(gòu)示意圖。

具體實施方式

下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。

為提高移動終端在加載更多頁面控件是的加載速度，本發(fā)明實施例提供了一種移動終端頁面控件加載方法，該方法應(yīng)用于移動終端，移動終端可以為手機(jī)、平板電腦等電子設(shè)備。下面對本發(fā)明實施例所提供的一種移動終端頁面控件加載方法進(jìn)行詳細(xì)介紹。

需要說明的是，本實施例中的“第一控件”中的“第一”以及“第二控件”中的“第二”，僅僅用來在命名上對兩類控件進(jìn)行區(qū)分，而不具有任何限定意義。

實施例一

參見圖1，圖1為本發(fā)明實施例所提供的一種移動終端頁面控件加載方法的流程示意圖，該方法應(yīng)用于移動終端，如圖1所示，該方法包括以下步驟：

s110，根據(jù)用戶輸入的網(wǎng)址信息，確定所述網(wǎng)址信息對應(yīng)的控件。

可以理解，用戶輸入的網(wǎng)址信息可以為因特網(wǎng)上網(wǎng)頁的地址。在實際應(yīng)用中，企事業(yè)單位或個人通過技術(shù)處理，將一些數(shù)據(jù)以逐頁的方式儲存在因特網(wǎng)上，每一頁都有一個相應(yīng)的地址，以便其他用戶訪詢而獲取數(shù)據(jù)資料，這樣的地址叫做網(wǎng)址。

具體地，網(wǎng)址信息對應(yīng)的控件為該網(wǎng)址信息對應(yīng)的網(wǎng)頁上的數(shù)據(jù)所對應(yīng)的控件，網(wǎng)址信息對應(yīng)的控件的類型包括圖片控件、文字控件、導(dǎo)航控件和幻燈片控件中的至少一種。

例如，網(wǎng)址信息對應(yīng)的網(wǎng)頁上可以僅包括文字控件，或者包括圖片控件和文字控件，或者同時包括圖片控件、文字控件、導(dǎo)航控件和幻燈片控件。

具體地，根據(jù)用戶輸入的網(wǎng)址信息，確定該網(wǎng)址信息對應(yīng)的控件的過程，可以包括：

根據(jù)用戶輸入的網(wǎng)址信息，獲取該網(wǎng)址信息對應(yīng)的數(shù)據(jù)，根據(jù)獲取的數(shù)據(jù)確定該網(wǎng)址信息對應(yīng)的控件，并對確定的控件進(jìn)行綁定。

需要說明的是，用戶輸入的網(wǎng)址信息可以為因特網(wǎng)上網(wǎng)頁的地址。由于網(wǎng)頁數(shù)據(jù)與網(wǎng)頁地址一一對應(yīng)，因此，移動終端在接收到用戶輸入的網(wǎng)址后，可以直接根據(jù)該網(wǎng)址信息獲取該網(wǎng)址信息對應(yīng)的內(nèi)容。

在獲取該網(wǎng)址信息對應(yīng)的數(shù)據(jù)后，移動終端根據(jù)獲取的數(shù)據(jù)確定該網(wǎng)址信息對應(yīng)的控件。

例如，根據(jù)用戶輸入的網(wǎng)址信息獲取的數(shù)據(jù)為：石家莊七天內(nèi)的天氣詳細(xì)情況，則移動終端可以根據(jù)石家莊七天內(nèi)的天氣詳細(xì)情況數(shù)據(jù)，確定該網(wǎng)址信息對應(yīng)的控件為天氣詳情控件，并將天氣詳情控件與石家莊七天內(nèi)的天氣詳細(xì)情況數(shù)據(jù)進(jìn)行綁定?？梢岳斫?，用戶通過點擊天氣詳情控件來查看石家莊七天內(nèi)的天氣詳細(xì)情況。

或者，根據(jù)用戶輸入的網(wǎng)址信息，確定該網(wǎng)址信息對應(yīng)的控件的過程，還可以包括：

根據(jù)用戶輸入的網(wǎng)址信息，判斷所述網(wǎng)址信息是否對應(yīng)有第三方插件，如果有，根據(jù)所述第三方插件對應(yīng)的數(shù)據(jù)，將所述第三方插件轉(zhuǎn)換為該網(wǎng)址信息對應(yīng)的控件，并對所述控件進(jìn)行綁定。

具體地，移動終端在接收到用戶輸入的網(wǎng)址信息后，判斷接收到的網(wǎng)址信息是否對應(yīng)有第三方插件，如果有，則根據(jù)第三插件對應(yīng)的數(shù)據(jù)，將第三方插件轉(zhuǎn)換為該網(wǎng)址信息對應(yīng)的控件。

例如，移動終端在接收到用戶輸入的網(wǎng)址信息后，判斷接收到的網(wǎng)址信息對應(yīng)有第三方插件，且第三方插件所對應(yīng)的數(shù)據(jù)為：十張電視劇s的相關(guān)劇照以及十三張電視劇s中的演員m的相關(guān)圖片。則移動終端可以根據(jù)這些數(shù)據(jù)數(shù)據(jù)，將第三方插件轉(zhuǎn)換為圖片控件1和圖片控件1，將圖片控件1與十張電視劇s的相關(guān)劇照進(jìn)行綁定，并將十張電視劇s的相關(guān)劇照中的任一張圖片作為圖片控件1；將圖片控件2與十三張演員m的相關(guān)圖片進(jìn)行綁定，并將十三張演員m的相關(guān)圖片中的任一張圖片作為圖片控件2。可以理解，用戶可以通過點擊圖片控件1查看十張電視劇s的相關(guān)劇照，通過點擊圖片控件2查看十三張演員m的相關(guān)圖片。

s120，在所確定的控件中，加載當(dāng)前頁面對應(yīng)的第一控件，并將所述第一控件顯示在當(dāng)前頁面。

需要說明的是，用戶在使用移動終端上的瀏覽器進(jìn)行瀏覽網(wǎng)頁時，由于移動終端顯示屏的限制，因此，瀏覽器可以根據(jù)移動終端顯示屏的大小，只加載與顯示屏大小相對應(yīng)的一屏頁面所對應(yīng)的控件，并將加載的控件顯示在當(dāng)前頁面中，即移動終端加載當(dāng)前頁面對應(yīng)的第一控件，并將所述第一控件顯示在當(dāng)前頁面。

例如，網(wǎng)址信息對應(yīng)的控件有導(dǎo)航控件1、圖片控件1、圖片控件2、文字控件1，移動終端瀏覽器所對應(yīng)的顯示屏內(nèi)可以顯示導(dǎo)航控件1和圖片控件1，則移動終端可以將導(dǎo)航控件1、圖片控件1確定為當(dāng)前頁面對應(yīng)的第一控件，并將導(dǎo)航控件1和圖片控件1顯示在當(dāng)前頁面。

具體地，加載當(dāng)前頁面對應(yīng)的第一控件的過程，可以包括：

通過第一控件對應(yīng)的回調(diào)函數(shù)，加載當(dāng)前頁面對應(yīng)的第一控件。

例如，在確定出當(dāng)前頁面對應(yīng)的第一控件后，添加第一控件所對應(yīng)的回調(diào)函數(shù)，并通過添加的回調(diào)函數(shù)回調(diào)第一控件，實現(xiàn)對第一控件的加載。

更為具體地，在將第一控件顯示在當(dāng)前頁面后，移動終端還可以獲取當(dāng)前頁面所對應(yīng)的第一控件的狀態(tài)信息，以便對第一控件進(jìn)行布局處理，避免第一控件可能出現(xiàn)的控件之間相互遮擋等現(xiàn)象，使得第一控件整齊的排列顯示在當(dāng)前頁面中。具體地，第一控件的狀態(tài)信息可以包括：第一控件的寬高坐標(biāo)以及第一控件的狀態(tài)變化。第一控件的寬高坐標(biāo)可以用來計算第一控件在當(dāng)前頁面中所占的區(qū)域大小以及位置；第一控件的狀態(tài)變化可以包括：放大、縮小、顯示、隱藏拉伸、以及位置中的任一種。

s130，監(jiān)聽所述第一控件的滾動事件，在所述第一控件有滾動事件發(fā)生時，加載待加載頁面對應(yīng)的第二控件。

舉例而言，通過監(jiān)聽第一控件的滾動事件，實現(xiàn)加載更多控件的程序代碼可以如下所示：

varloadmore＝newwindow.event.scroll({

其中，newwindow.event.scroll表示當(dāng)前頁面中顯示的第一控件的滾動事件，loadmore表示加載待加載頁面對應(yīng)的第二控件。

具體地，加載待加載頁面對應(yīng)的第二控件的過程，可以包括：

通過第二控件對應(yīng)的回調(diào)函數(shù)，加載待加載頁面對應(yīng)的第二控件。

例如，在加載待加載頁面對應(yīng)的第二控件之前，添加第二控件所對應(yīng)的回調(diào)函數(shù)，并通過添加的回調(diào)函數(shù)回調(diào)第二控件，實現(xiàn)對第二控件的加載。

具體地，通過回調(diào)函數(shù)回調(diào)第二控件的程序代碼可以為：

id:”model-wrapper”,

callback:function(t)

其中，id為用戶輸入的網(wǎng)址信息所對應(yīng)的標(biāo)識，t為第二控件所對應(yīng)的參數(shù)。

通過對第一控件的滾動事件進(jìn)行監(jiān)聽，在第一控件有滾動事件發(fā)生時，加載待加載頁面對應(yīng)的第二控件，無需下載安裝第三方插件便可以實現(xiàn)加載更多控件，可以提高用戶體驗。例如，假設(shè)第二控件為支付過程中的密碼輸入控件，則通過對當(dāng)前頁面中顯示的控件進(jìn)行監(jiān)聽，在顯示的控件有滾動事件發(fā)生時，可以直接實現(xiàn)密碼輸入控件的加載，無需下載安裝支付插件。

舉例而言，在使用12306網(wǎng)址進(jìn)行購票時，在支付頁面中，在當(dāng)前顯示的頁面中控件有滾動事件發(fā)生時，移動終端可以直接對密碼輸入控件進(jìn)行加載，而不必再下載安裝支付插件，用戶使用更方便。

可以理解，在第一控件有滾動事件發(fā)生時，移動終端也可以直接加載待加載頁面對應(yīng)的第二控件所對應(yīng)的數(shù)據(jù)。例如，假設(shè)第二控件為天氣詳情控件，則，在加載時，移動終端可以直接加載天氣詳情控件對應(yīng)的數(shù)據(jù)，便于用戶查看。

進(jìn)一步地，作為本實施例的一種可實施方式，在加載待加載頁面對應(yīng)的第二控件之后，該方法還可以包括：

將加載的第二控件顯示在當(dāng)前頁面。

可以理解，在將第二控件顯示在當(dāng)前頁面后，還可以對獲取顯示的第二控件的狀態(tài)信息，以便對第二控件進(jìn)行布局處理，避免第二控件可能出現(xiàn)的控件之間相互遮擋等現(xiàn)象，使得第二控件整齊的排列顯示在當(dāng)前頁面中。具體地，第二控件的狀態(tài)信息可以包括：第二控件的寬高坐標(biāo)以及第二控件的狀態(tài)變化。第二控件的寬高坐標(biāo)可以用來計算第二控件在當(dāng)前頁面中所占的區(qū)域大小以及位置；第二控件的狀態(tài)變化可以包括：放大、縮小、顯示、隱藏拉伸、以及位置中的任一種。

與現(xiàn)有技術(shù)相比，應(yīng)用本發(fā)明實施例所提供的方案，在根據(jù)用戶輸入的網(wǎng)址信息，確定網(wǎng)址信息對應(yīng)的控件后；在所確定的控件中，加載當(dāng)前頁面對應(yīng)的第一控件，并將第一控件顯示在當(dāng)前頁面；然后，通過監(jiān)聽第一控件的滾動事件，在第一控件有滾動事件發(fā)生時，直接加載待加載頁面對應(yīng)的第二控件。無需借助第三方插件便可實現(xiàn)加載更多移動終端頁面的控件，進(jìn)而可以提高移動終端加載更多頁面控件時的加載速度。

實施例二

與實施例一所提供的一種移動終端頁面控件加載方法相對應(yīng)，本發(fā)明實施例還提供了一種移動終端頁面控件加載裝置，該裝置應(yīng)用于移動終端，如圖2所示，該裝置包括：

確定模塊210，用于根據(jù)用戶輸入的網(wǎng)址信息，確定所述網(wǎng)址信息對應(yīng)的控件。

第一加載模塊220，用于在所確定的控件中，加載當(dāng)前頁面對應(yīng)的第一控件，并將所述第一控件顯示在當(dāng)前頁面。

第二加載模塊230，用于監(jiān)聽所述第一控件的滾動事件，在所述第一控件有滾動事件發(fā)生時，加載待加載頁面對應(yīng)的第二控件。

與現(xiàn)有技術(shù)相比，應(yīng)用本發(fā)明實施例所提供的方案，在根據(jù)用戶輸入的網(wǎng)址信息，確定網(wǎng)址信息對應(yīng)的控件后；在所確定的控件中，加載當(dāng)前頁面對應(yīng)的第一控件，并將第一控件顯示在當(dāng)前頁面；然后，通過監(jiān)聽第一控件的滾動事件，在第一控件有滾動事件發(fā)生時，直接加載待加載頁面對應(yīng)的第二控件。無需借助第三方插件便可實現(xiàn)加載更多移動終端頁面的控件，進(jìn)而可以提高移動終端加載更多頁面控件時的加載速度。

具體地，確定模塊210具體用于：

獲取該網(wǎng)址信息對應(yīng)的數(shù)據(jù)，根據(jù)獲取的數(shù)據(jù)確定該網(wǎng)址信息對應(yīng)的控件，并對確定的控件進(jìn)行綁定；

或者，

判斷所述網(wǎng)址信息是否對應(yīng)有第三方插件，如果有，根據(jù)所述第三方插件對應(yīng)的數(shù)據(jù)，將所述第三方插件轉(zhuǎn)換為該網(wǎng)址信息對應(yīng)的控件，并對所述控件進(jìn)行綁定。

具體地，用戶輸入的網(wǎng)址信息對應(yīng)的控件的類型包括圖片控件、文字控件、導(dǎo)航控件和幻燈片控件中的至少一種。

具體地，該裝置還可以包括：

顯示模塊(圖2中未示出)，用于將所述第二控件顯示在當(dāng)前頁面。

具體地，第一加載模塊220具體用于：

通過所述第一控件對應(yīng)的回調(diào)函數(shù)，加載當(dāng)前頁面對應(yīng)的第一控件；

第二加載模塊230具體用于：

通過所述第二控件對應(yīng)的回調(diào)函數(shù)，加載待加載頁面對應(yīng)的第二控件。

需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。

本說明書中的各個實施例均采用相關(guān)的方式描述，各個實施例之間相同相似的部分互相參見即可，每個實施例重點說明的都是與其他實施例的不同之處。尤其，對于裝置實施例而言，由于其基本相似于方法實施例，所以描述的比較簡單，相關(guān)之處參見方法實施例的部分說明即可。

以上所述僅為本發(fā)明的較佳實施例而已，并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均包含在本發(fā)明的保護(hù)范圍內(nèi)。