專利名稱：基于手機瀏覽器的頁面加載方法、裝置、系統(tǒng)和服務(wù)器的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)信息瀏覽技術(shù)，更具體地說，涉及一種基于手機瀏覽器的頁面加載方法、裝置、系統(tǒng)和轉(zhuǎn)碼服務(wù)器。
背景技術(shù)：
隨著移動互聯(lián)網(wǎng)的發(fā)展，手機上網(wǎng)正在成為普遍的需求。手機上網(wǎng)需要通過手機瀏覽器的幫助，對位于遠程服務(wù)器的網(wǎng)頁進行加載解析，才能在本地手機上將網(wǎng)頁內(nèi)容呈現(xiàn)給用戶。為了滿足更流暢的瀏覽體驗，手機瀏覽器可采用預先下載、分模塊下載的機制， 來提高加載網(wǎng)頁的速度?，F(xiàn)有的手機瀏覽器網(wǎng)頁加載技術(shù)可以提高瀏覽速度，但存在的問題也非常明顯 通過各種加載方法讓用戶在最短的時間內(nèi)看到頁面內(nèi)容，但最終把整個網(wǎng)頁都加載下來， 而忽視了頁面上對用戶無價值的內(nèi)容所帶來的流量浪費，從而造成通信費用和資源的浪費。比如當用戶打開一個新的頁面，看到第一屏的內(nèi)容后，發(fā)現(xiàn)沒有繼續(xù)瀏覽的必要，就會選擇關(guān)閉窗口，但依據(jù)現(xiàn)有技術(shù)，可能第二屏及以下整個頁面的內(nèi)容都已經(jīng)加載完畢，也就是說該用戶也為不想瀏覽的內(nèi)容支付了費用，造成了流量資源的浪費以及用戶瀏覽成本的提尚。

發(fā)明內(nèi)容
本發(fā)明要解決的技術(shù)問題在于，針對現(xiàn)有技術(shù)的上述浪費流量資源以及用戶瀏覽成本過高的缺陷，提供一種基于手機瀏覽器的頁面加載方法、裝置、系統(tǒng)和轉(zhuǎn)碼服務(wù)器。本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是構(gòu)造一種基于手機瀏覽器的頁面加載的方法，包括依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換所述目標頁面以適于手機屏幕顯示；劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面以供用戶瀏覽。在本發(fā)明所述的基于手機瀏覽器的頁面加載方法中，依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面具體包括預加載所述多個子頁面中的第一子集；所述第一子集為所述多個子頁面中靠前的預設(shè)數(shù)目的子頁面；依據(jù)用戶的瀏覽操作信息預加載所述多個子頁面中緊鄰第一子集后的第二子集； 所述第二子集為所述多個子頁面中緊鄰第一子集后的預設(shè)數(shù)目的子頁面；依據(jù)用戶的瀏覽操作信息和預設(shè)加載條件依次預加載緊鄰第二子集后的預設(shè)數(shù)目的子頁面。在本發(fā)明所述的基于手機瀏覽器的頁面加載方法中，所述瀏覽操作信息包括滾屏操作信息。在本發(fā)明所述的基于手機瀏覽器的頁面加載方法中，所述預設(shè)加載條件包括用戶當前瀏覽頁面的底部已到達預加載的預設(shè)數(shù)目的子頁面的預設(shè)位置。在本發(fā)明所述的基于手機瀏覽器的頁面加載方法中，所述預設(shè)位置為所述預加載的預設(shè)數(shù)目的子頁面中最后兩個子頁面的分界位置。在本發(fā)明所述的基于手機瀏覽器的頁面加載方法中，所述第一子集包括所述多個子頁面中的第一子頁面和第二子頁面的一部分。在本發(fā)明所述的基于手機瀏覽器的頁面加載方法中，所述第二子集包括所述多個子頁面中的第二子頁面的剩余部分和第三子頁面的一部分。本發(fā)明還提供一種基于手機瀏覽器的頁面加載裝置，包括頁面獲取單元，用于依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換單元，用于轉(zhuǎn)換所述目標頁面以適于手機屏幕顯示；頁面劃分單元，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；預加載單元，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面以供用戶瀏覽。本發(fā)明還提供一種用于手機頁面瀏覽的轉(zhuǎn)碼服務(wù)器，包括頁面獲取單元，用于接收用戶的訪問請求并依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換單元，用于轉(zhuǎn)換所述目標頁面以適于手機屏幕顯示；頁面劃分單元，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；預加載單元，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面；發(fā)送單元，用于將所述預加載的預設(shè)數(shù)目的子頁面發(fā)送至用戶。本發(fā)明還提供一種基于手機瀏覽器的頁面加載系統(tǒng)，包括窗口適配單元和轉(zhuǎn)碼服務(wù)器；所述窗口適配單元用于接收并響應(yīng)來自所述轉(zhuǎn)碼服務(wù)器的屏幕分辨率查詢請求；所述轉(zhuǎn)碼服務(wù)器包括頁面獲取單元，用于接收用戶的訪問請求并依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換單元，用于發(fā)送屏幕分辨率查詢請求給所述窗口適配單元并依據(jù)所述窗口適配單元的響應(yīng)將所述目標頁面進行轉(zhuǎn)換以適于手機屏幕顯示；頁面劃分單元，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；預加載單元，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面；發(fā)送單元，用于將所述預加載的預設(shè)數(shù)目的子頁面發(fā)送至用戶。本發(fā)明的有益效果是，將目標頁面劃分為適于手機屏幕顯示的多個子頁面，根據(jù)用戶的需要和預下載條件決定是否預下載后續(xù)的預設(shè)數(shù)量的子頁面。進一步地，先下載目標頁面的靠前子頁面的完整呈現(xiàn)，也即保證用戶當前瀏覽的屏幕內(nèi)容完整呈現(xiàn)，然后再根據(jù)用戶的滾屏操作決定是否下載預設(shè)數(shù)量的子頁面。通過控制預加載的內(nèi)容篇幅既能保證瀏覽順暢，同時還能節(jié)省流量，為用戶減少瀏覽網(wǎng)頁的成本。


下面將結(jié)合附圖及實施例對本發(fā)明作進一步說明，附圖中圖1是依據(jù)本發(fā)明一實施例的基于手機瀏覽器的頁面加載方法流程圖；圖2是圖1中的步驟103的詳細流程圖；圖3是圖2所述的第一子集示意圖；圖4是圖2所述的第二子集示意圖；圖5是預設(shè)位置示意圖；圖6是依據(jù)本發(fā)明一實施例的基于手機瀏覽器的頁面加載裝置結(jié)構(gòu)示意圖；圖7是依據(jù)本發(fā)明一實施例的用于手機頁面瀏覽的轉(zhuǎn)碼服務(wù)器結(jié)構(gòu)示意圖；圖8是依據(jù)本發(fā)明一實施例的基于手機瀏覽器的頁面加載系統(tǒng)800結(jié)構(gòu)示意圖。
具體實施例方式圖1是依據(jù)本發(fā)明一實施例的基于手機瀏覽器的頁面加載方法100流程圖。參考圖1可知，方法100包括步驟101，依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；步驟102，轉(zhuǎn)換所述目標頁面，使得轉(zhuǎn)換后的目標頁面的內(nèi)容適于用戶的手機屏幕以及手機瀏覽器顯示；具體的轉(zhuǎn)換過程可參見現(xiàn)有的轉(zhuǎn)換技術(shù)，此處不再贅述。步驟103，劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；可以依據(jù)用戶手機屏幕分辨率的大小來進行劃分；步驟104，依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面以供用戶瀏覽。在本發(fā)明一實施例中的，步驟104具體包括以下步驟，如圖2所示步驟1041，預加載所述多個子頁面中的第一子集；所述第一子集為所述多個子頁面中靠前的預設(shè)數(shù)目的子頁面；步驟1042，依據(jù)用戶的瀏覽操作信息預加載所述多個子頁面中緊鄰第一子集后的第二子集；所述第二子集為所述多個子頁面中緊鄰第一子集后的預設(shè)數(shù)目的子頁面；步驟1043，依據(jù)用戶的瀏覽操作信息和預設(shè)加載條件依次預加載緊鄰第二子集后的預設(shè)數(shù)目的子頁面。其中，每個子頁面的大小可以占充滿整個手機屏幕。瀏覽操作信息包括滾屏操作信息。預設(shè)加載條件包括用戶當前瀏覽頁面的底部已到達預加載的預設(shè)數(shù)目的子頁面的預設(shè)位置。在本發(fā)明一實施例中，預設(shè)位置為所述預加載的預設(shè)數(shù)目的子頁面中最后兩個子頁面的分界位置。在本發(fā)明一實施例中，第一子集包括所述多個子頁面中的第一子頁面和第二子頁面的一部分。第二子集包括所述多個子頁面中的第二子頁面的剩余部分和第三子頁面的一部分。下面以用戶打開目標頁面為例，對基于手機瀏覽器的頁面加載方法的流程進行描述。1、目標頁面被劃分為多個子頁面，圖3是圖2中的第一子集示意圖。為了描述方便，僅示出了多個子頁面中的第一子頁面、第二子頁面、第三子頁面。圖3中的加粗框即為用戶滾動屏幕前手機當前顯示的內(nèi)容，及第一子頁面的內(nèi)容。圖3中的陰影部分即為第一子集，第一子集包括第一子頁面和第二子頁面的一部分。用戶的手機瀏覽器窗口首先顯示預下載的第一子集，頁面的其余部分(其余子頁面)不下載。2、當用戶往下滾動下拉條(滾動屏幕)往下看時，就會觸發(fā)第二子集的預加載，即加載第二子頁面的剩余部分和第三子頁面的一部分，如圖4所示。圖4中的加粗框即為用戶滾動屏幕后手機當前顯示的內(nèi)容，包含第一子頁面的內(nèi)容的下部分以及第二子頁面的上部分。3、當用戶繼續(xù)往下滾動下拉條(滾動屏幕)往下看時，當?shù)竭_預設(shè)位置之前，不進行預加載。當該分界線到達手機屏幕顯示的內(nèi)容的底部時，就繼續(xù)加載下一預設(shè)數(shù)量的子頁面，例如但不限于一個半子頁面。這里的預設(shè)位置例如但不限于預加載的預設(shè)數(shù)目的子頁面中最后兩個子頁面的分界位置，比如圖5所示的箭頭位置(第二子頁面和第三子頁面的分界位置)。圖3所述的第一子集、第二子集的具體位置僅為示例，不作為對本發(fā)明的限制，還可根據(jù)需要進行不同的設(shè)置。例如，第一子集可以包括第一子頁面和第二子頁面的一半。而圖4中的第二子集可以包括第二子頁面的另一半和第三子頁面的一半。而后續(xù)達到預設(shè)條件后，預加載的預設(shè)數(shù)量的子頁面可以為一個半子頁面。當然，第一子集還可以包括第一子頁面和第二子頁面的四分之一，第二子集可以包括第二子頁面的另外四分之三和第三子頁面的四分之一。而后續(xù)預設(shè)數(shù)量的子頁面可以為一個子頁面再加四分之一下一子頁面。具體的預加載子頁面的數(shù)目可以根據(jù)需要設(shè)置，而且預設(shè)加載條件和預設(shè)位置也可以依據(jù)需要設(shè)置或變更，本發(fā)明給出的僅為示例，不作為對本發(fā)明的限制。本發(fā)明按照用戶手機屏幕分辨率的大小把目標頁面從縱向劃分成讀個子頁面。首先保證用戶當前瀏覽的屏幕內(nèi)容完整呈現(xiàn)，再根據(jù)用戶屏幕所在位置(也就是用戶是否有翻屏的動作)決定是否下載剩下的內(nèi)容。通過控制預加載的內(nèi)容篇幅保證瀏覽順暢，兼顧用戶瀏覽網(wǎng)頁速度的同時節(jié)省流量。本發(fā)明彌補了現(xiàn)有技術(shù)不注重流量資源浪費的不足， 同時依然保證了用戶對網(wǎng)頁內(nèi)容的順暢瀏覽。圖6是依據(jù)本發(fā)明一實施例的基于手機瀏覽器的頁面加載裝置600結(jié)構(gòu)示意圖。 頁面加載裝置600包括依次連接的頁面獲取單元601、頁面劃分單元602、預加載單元603、 轉(zhuǎn)換單元604。頁面獲取單元601，用于依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換單元604，用于轉(zhuǎn)換所述目標頁面，使得轉(zhuǎn)換后的目標頁面的內(nèi)容適于用戶的手機屏幕以及手機瀏覽器顯示；頁面劃分單元602，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；預加載單元603，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面以供用戶瀏覽。圖7是用于手機頁面瀏覽的轉(zhuǎn)碼服務(wù)器700結(jié)構(gòu)示意圖，轉(zhuǎn)碼服務(wù)器700包括依次連接的頁面獲取單元701、頁面劃分單元702、預加載單元703、轉(zhuǎn)換單元704、發(fā)送單元705。頁面獲取單元701，用于接收用戶的訪問請求并依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換單元704，用于轉(zhuǎn)換所述目標頁面，使得轉(zhuǎn)換后的目標頁面的內(nèi)容適于用戶的手機屏幕以及手機瀏覽器顯示；頁面劃分單元702，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；預加載單元703，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面；發(fā)送單元705，用于將所述預加載的預設(shè)數(shù)目的子頁面發(fā)送至用戶。圖7中的頁面獲取單元701、轉(zhuǎn)換單元704、頁面劃分單元702、預加載單元703的功能與圖6中的頁面獲取單元601、轉(zhuǎn)換單元604、頁面劃分單元602、預加載單元603相同。圖8是依據(jù)本發(fā)明一實施例的基于手機瀏覽器的頁面加載系統(tǒng)800結(jié)構(gòu)示意圖， 頁面加載系統(tǒng)800包括窗口適配單元801和轉(zhuǎn)碼服務(wù)器802。窗口適配單元801用于接收并響應(yīng)來自所述轉(zhuǎn)碼服務(wù)器的屏幕分辨率查詢請求。轉(zhuǎn)碼服務(wù)器802與用戶的手機和目標站點進行交互。轉(zhuǎn)碼服務(wù)器802包括頁面獲取單元8021、頁面劃分單元8022、預加載單元8023、轉(zhuǎn)換單元80 、發(fā)送單元8025。頁面獲取單元8021，用于接收用戶的訪問請求并依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；用戶的手機瀏覽器發(fā)送用戶輸入的訪問請求。轉(zhuǎn)換單元80M，用于發(fā)送屏幕分辨率查詢請求給所述窗口適配單元并依據(jù)所述窗口適配單元的響應(yīng)將所述目標頁面進行轉(zhuǎn)換，使得轉(zhuǎn)換后的目標頁面的內(nèi)容適于用戶的手機屏幕尺寸以及手機瀏覽器顯示；頁面劃分單元8022，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；預加載單元8023，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面；發(fā)送單元8025，用于將所述預加載的預設(shè)數(shù)目的子頁面發(fā)送至用戶。圖8中的轉(zhuǎn)碼服務(wù)器802與圖7中的轉(zhuǎn)碼服務(wù)器700功能相同。用戶的手機瀏覽器顯示轉(zhuǎn)換后的頁面內(nèi)容，并將用戶的鍵盤操作信息或翻屏信息傳送給轉(zhuǎn)碼服務(wù)器，由轉(zhuǎn)碼服務(wù)器決定是否預下載后續(xù)的子頁面。圖6-8的內(nèi)容可參見圖1-5關(guān)于頁面加載方法的詳細描述，此處不做贅述。
權(quán)利要求
1.一種基于手機瀏覽器的頁面加載方法，其特征在于，包括 依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面； 轉(zhuǎn)換所述目標頁面以適于手機屏幕顯示；劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面；依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面以供用戶瀏覽。
2.根據(jù)權(quán)利要求1所述的基于手機瀏覽器的頁面加載方法，其特征在于，依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面具體包括預加載所述多個子頁面中的第一子集；所述第一子集為所述多個子頁面中靠前的預設(shè)數(shù)目的子頁面；依據(jù)用戶的瀏覽操作信息預加載所述多個子頁面中緊鄰第一子集后的第二子集；所述第二子集為所述多個子頁面中緊鄰第一子集后的預設(shè)數(shù)目的子頁面；依據(jù)用戶的瀏覽操作信息和預設(shè)加載條件依次預加載緊鄰第二子集后的預設(shè)數(shù)目的子頁面。
3.根據(jù)權(quán)利要求1所述的基于手機瀏覽器的頁面加載方法，其特征在于，所述瀏覽操作信息包括滾屏操作信息。
4.根據(jù)權(quán)利要求廣3所述的基于手機瀏覽器的頁面加載方法，其特征在于，所述預設(shè)加載條件包括用戶當前瀏覽頁面的底部已到達預加載的預設(shè)數(shù)目的子頁面的預設(shè)位置。
5.根據(jù)權(quán)利要求4所述的基于手機瀏覽器的頁面加載方法，其特征在于，所述預設(shè)位置為所述預加載的預設(shè)數(shù)目的子頁面中最后兩個子頁面的分界位置。
6.根據(jù)權(quán)利要求2所述的基于手機瀏覽器的頁面加載方法，其特征在于，所述第一子集包括所述多個子頁面中的第一子頁面和第二子頁面的一部分。
7.根據(jù)權(quán)利要求6所述的基于手機瀏覽器的頁面加載方法，其特征在于，所述第二子集包括所述多個子頁面中的第二子頁面的剩余部分和第三子頁面的一部分。
8.一種基于手機瀏覽器的頁面加載裝置，其特征在于，包括頁面獲取單元，用于依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面； 轉(zhuǎn)換單元，用于轉(zhuǎn)換所述目標頁面以適于手機屏幕顯示； 頁面劃分單元，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面； 預加載單元，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面以供用戶瀏覽。
9.一種用于手機頁面瀏覽的轉(zhuǎn)碼服務(wù)器，其特征在于，包括頁面獲取單元，用于接收用戶的訪問請求并依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換單元，用于轉(zhuǎn)換所述目標頁面以適于手機屏幕顯示； 頁面劃分單元，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面； 預加載單元，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面；發(fā)送單元，用于將所述預加載的預設(shè)數(shù)目的子頁面發(fā)送至用戶。
10. 一種基于手機瀏覽器的頁面加載系統(tǒng)，其特征在于，包括窗口適配單元和轉(zhuǎn)碼服務(wù)器；所述窗口適配單元用于接收并響應(yīng)來自所述轉(zhuǎn)碼服務(wù)器的屏幕分辨率查詢請求； 所述轉(zhuǎn)碼服務(wù)器包括頁面獲取單元，用于接收用戶的訪問請求并依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換單元，用于發(fā)送屏幕分辨率查詢請求給所述窗口適配單元并依據(jù)所述窗口適配單元的響應(yīng)將所述目標頁面進行轉(zhuǎn)換以適于手機屏幕顯示；頁面劃分單元，用于劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為多個子頁面； 預加載單元，用于依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面；發(fā)送單元，用于將所述預加載的預設(shè)數(shù)目的子頁面發(fā)送至用戶。
全文摘要
本發(fā)明涉及基于手機瀏覽器的頁面加載方法、裝置、系統(tǒng)和服務(wù)器?；谑謾C瀏覽器的頁面加載方法包括依據(jù)用戶的訪問請求與目標站點交互以獲取目標頁面；轉(zhuǎn)換所述目標頁面以適于手機屏幕顯示；劃分經(jīng)轉(zhuǎn)換后的所述目標頁面為適于手機屏幕顯示的多個子頁面；依據(jù)預設(shè)加載條件和用戶的瀏覽操作信息依次預加載所述多個子頁面中預設(shè)數(shù)目的子頁面以供用戶瀏覽。本發(fā)明還涉及頁面加載裝置、頁面加載系統(tǒng)和轉(zhuǎn)碼服務(wù)器。本發(fā)明將目標頁面劃分為適于手機屏幕顯示的多個子頁面，根據(jù)用戶的需要和預下載條件決定是否預下載后續(xù)的預設(shè)數(shù)量的子頁面。通過控制預加載的內(nèi)容篇幅既能保證瀏覽順暢，同時還能節(jié)省流量，為用戶減少瀏覽網(wǎng)頁的成本。
文檔編號G06F17/30GK102541848SQ201010579200
公開日2012年7月4日 申請日期2010年12月8日 優(yōu)先權(quán)日2010年12月8日
發(fā)明者傅平達, 劉小虎, 曾帆揚, 林寧, 盛鴻彬, 祁智, 章凌華, 鐘承東, 陳陽, 馬璐, 高磊 申請人:中國移動通信集團安徽有限公司, 卓望數(shù)碼技術(shù)(深圳)有限公司