本發(fā)明實(shí)施例涉及數(shù)據(jù)處理技術(shù)領(lǐng)域，尤其涉及一種頁面適配方法及系統(tǒng)。

背景技術(shù)：

隨著移動網(wǎng)絡(luò)和互聯(lián)網(wǎng)的日益融合，移動終端的能力越來越多樣化，通過移動終端訪問更多的互聯(lián)網(wǎng)資源，尤其是海量的頁面已經(jīng)成為越來越迫切的需求。但互聯(lián)網(wǎng)上絕大多數(shù)的頁面最初設(shè)計都是主要針對電腦，而不是針對移動終端。

與電腦相比，移動終端存在明顯的特點(diǎn)，例如屏幕小，支持的標(biāo)記語言比較有限且格式要求更嚴(yán)格；因此，現(xiàn)有的針對電腦的頁面不能直接展示在移動終端。

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

本發(fā)明實(shí)施例提供了一種頁面適配方法及系統(tǒng)，以實(shí)現(xiàn)在移動終端上正確顯示頁面。

第一方面，本發(fā)明實(shí)施例提供了一種頁面適配方法，該方法包括：

接收服務(wù)器返回的目標(biāo)頁面的頁面腳本；

根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整；

根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上。

進(jìn)一步地，根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整包括：

調(diào)用頁面腳本中的交互式程序，并將移動終端的屬性特征作為程序輸入?yún)?shù)；

根據(jù)交互式程序的運(yùn)行結(jié)果，在頁面腳本中更改目標(biāo)頁面中組成元素的屬性。

進(jìn)一步地，所述組成元素包括下述至少一項(xiàng)：字體大小、圖片大小、圖片格式、標(biāo)記語言格式和音視頻格式。

進(jìn)一步地，所述移動終端的屬性特征包括下述至少一項(xiàng)：屏幕尺寸和移動終端型號。

進(jìn)一步地，根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整包括：

根據(jù)移動終端的屬性特征，采用CSS技術(shù)和JAVA script技術(shù)，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整。

第二方面，本發(fā)明實(shí)施例還提供了一種頁面適配系統(tǒng)，該系統(tǒng)包括：

接收模塊，用于接收服務(wù)器返回的目標(biāo)頁面的頁面腳本；

調(diào)整模塊，用于根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整；

顯示模塊，用于根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上。

進(jìn)一步地，所述調(diào)整模塊包括：

調(diào)用單元，用于調(diào)用頁面腳本中的交互式程序，并將移動終端的屬性特征作為程序輸入?yún)?shù)；

更改單元，用于根據(jù)交互式程序的運(yùn)行結(jié)果，在頁面腳本中更改目標(biāo)頁面中組成元素的屬性。

進(jìn)一步地，所述組成元素包括下述至少一項(xiàng)：字體大小、圖片大小、圖片格式、標(biāo)記語言格式和音視頻格式。

進(jìn)一步地，所述移動終端的屬性特征包括下述至少一項(xiàng)：屏幕尺寸和移動終端型號。

進(jìn)一步地，所述調(diào)整模塊具體用于：

根據(jù)移動終端的屬性特征，采用CSS技術(shù)和JAVA script技術(shù)，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整。

本發(fā)明實(shí)施例提供的一種頁面適配方法，通過接收服務(wù)器返回的目標(biāo)頁面的頁面腳本；并根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整；最后根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上的技術(shù)手段，實(shí)現(xiàn)了在移動終端上正確顯示頁面的目的。

附圖說明

圖1是本發(fā)明實(shí)施例一提供的一種頁面適配方法流程示意圖；

圖2是本發(fā)明實(shí)施例二提供的一種頁面適配方法流程示意圖；

圖3是本發(fā)明實(shí)施例三提供的一種頁面適配系統(tǒng)結(jié)構(gòu)示意圖。

具體實(shí)施方式

下面結(jié)合附圖和實(shí)施例對本發(fā)明作進(jìn)一步的詳細(xì)說明?？梢岳斫獾氖?，此處所描述的具體實(shí)施例僅僅用于解釋本發(fā)明，而非對本發(fā)明的限定。另外還需要說明的是，為了便于描述，附圖中僅示出了與本發(fā)明相關(guān)的部分而非全部結(jié)構(gòu)。

在更加詳細(xì)地討論示例性實(shí)施例之前應(yīng)當(dāng)提到的是，一些示例性實(shí)施例被描述成作為流程圖描繪的處理或方法。雖然流程圖將各項(xiàng)步驟描述成順序的處理，但是其中的許多步驟可以被并行地、并發(fā)地或者同時實(shí)施。此外，各項(xiàng)步驟的順序可以被重新安排。當(dāng)其步驟完成時所述處理可以被終止，但是還可以具有未包括在附圖中的附加步驟。所述處理可以對應(yīng)于方法、函數(shù)、規(guī)程、子例程、子程序等等。

實(shí)施例一

圖1為本發(fā)明實(shí)施例一提供的一種頁面適配方法流程圖，該方法可適用于互聯(lián)網(wǎng)頁面在移動終端進(jìn)行顯示的情況，可以由頁面適配系統(tǒng)來執(zhí)行。該系統(tǒng)可通過硬件和/或軟件的方式實(shí)現(xiàn)。該方法具體包括如下步驟：

步驟110、接收服務(wù)器返回的目標(biāo)頁面的頁面腳本。

具體的，服務(wù)器接收到移動終端發(fā)來的頁面訪問請求后，根據(jù)所述頁面訪問請求向移動終端返回目標(biāo)頁面的頁面腳本，相應(yīng)地，移動終端接收服務(wù)器返回的目標(biāo)頁面的頁面腳本。

所述移動終端具體可以是手機(jī)、平板電腦等，但并不局限于此。所述目標(biāo)頁面具體是指呈現(xiàn)文字、圖形等信息的可視化的信息載體，例如網(wǎng)頁頁面，根據(jù)開發(fā)語言和開發(fā)環(huán)境的不同，可以為不同類型的頁面。

步驟120、根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整。

由于互聯(lián)網(wǎng)上絕大多數(shù)的頁面最初設(shè)計都是主要針對電腦，而不是針對移動終端，而與電腦相比，移動終端存在明顯的特點(diǎn)，例如屏幕小，支持的標(biāo)記語言比較有限且格式要求更嚴(yán)格，因此互聯(lián)網(wǎng)上的所述目標(biāo)頁面往往不能直接顯示在移動終端上，為了使所述目標(biāo)頁面能夠正確顯示在移動終端上，需要根據(jù)移動終端的屬性特征對所述目標(biāo)頁面進(jìn)行調(diào)整，所述移動終端的屬性特征具體指表征移動終端適應(yīng)頁面的能力，例如移動終端的屏幕大小是否能夠完全顯示所述目標(biāo)頁面；移動終端支持圖片格式的能力是否能夠正確解析加載所述目標(biāo)頁面中的圖片等；若移動終端的屬性特征與所述目標(biāo)頁面中的組成元素(如圖片格式、音視頻格式等)不匹配，所述目標(biāo)頁面則不能正確顯示在所述移動終端上，因此需要根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整。

步驟130、根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上。

本實(shí)施例提供的一種頁面適配方法，通過接收服務(wù)器返回的目標(biāo)頁面的頁面腳本；并根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整；最后根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上的技術(shù)手段，實(shí)現(xiàn)了在移動終端上正確顯示頁面的目的。

實(shí)施例二

圖2為本發(fā)明實(shí)施例二提供的一種頁面適配方法流程示意圖，在實(shí)施例一的基礎(chǔ)上，本實(shí)施例進(jìn)行了進(jìn)一步優(yōu)化，具體參見圖2所示，該方法具體如下：

步驟210、接收服務(wù)器返回的目標(biāo)頁面的頁面腳本。

步驟220、調(diào)用頁面腳本中的交互式程序，并將移動終端的屬性特征作為程序輸入?yún)?shù)。

示例性地，所述移動終端的屬性特征包括下述至少一項(xiàng)：屏幕尺寸和移動終端型號；移動終端型號往往攜帶了很多關(guān)于移動終端各種性能信息。例如移動終端支持的圖片格式和標(biāo)記語言格式等。

步驟230、根據(jù)交互式程序的運(yùn)行結(jié)果，在頁面腳本中更改目標(biāo)頁面中組成元素的屬性。

示例性地，所述組成元素包括下述至少一項(xiàng)：字體大小、圖片大小、圖片格式、標(biāo)記語言格式和音視頻格式。

進(jìn)一步地，根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整包括：

根據(jù)移動終端的屬性特征，采用CSS技術(shù)和JAVA script技術(shù)，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整；例如根據(jù)移動終端屏幕的大小，采用CSS技術(shù)和JAVA script技術(shù)調(diào)整所述目標(biāo)頁面中的字體大小，具體的，首先通過CSS技術(shù)更改所述目標(biāo)頁面的根字體單位，將所述目標(biāo)頁面中的根字體單元轉(zhuǎn)換為以rem為單位的字體，進(jìn)一步根據(jù)移動終端的屏幕大小，通過JavaScript技術(shù)改變所述目標(biāo)頁面的根字體大小，以使所述目標(biāo)頁面的大小能夠正確適合所述移動終端屏幕大小。

步驟240、根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上。

本實(shí)施例提供的一種頁面適配方法，在上述實(shí)施例技術(shù)方案的基礎(chǔ)上，通過調(diào)用頁面腳本中的交互式程序，并將移動終端的屬性特征作為程序輸入?yún)?shù)，根據(jù)交互式程序的運(yùn)行結(jié)果，在頁面腳本中更改目標(biāo)頁面中組成元素的屬性，最后根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上的技術(shù)手段，實(shí)現(xiàn)了在移動終端上正確顯示頁面的目的。

實(shí)施例三

圖3為本發(fā)明實(shí)施例三提供的一種頁面適配系統(tǒng)的結(jié)構(gòu)框圖，典型地，該系統(tǒng)可以集成到終端中，例如手機(jī)、平板電腦等；具體參見圖3所示，該系統(tǒng)具體包括如下：

接收模塊310，調(diào)整模塊320和顯示模塊330；其中，接收模塊310，用于接收服務(wù)器返回的目標(biāo)頁面的頁面腳本；

調(diào)整模塊320，用于根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整；

顯示模塊330，用于根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上。

進(jìn)一步地，調(diào)整模塊320包括：

調(diào)用單元，用于調(diào)用頁面腳本中的交互式程序，并將移動終端的屬性特征作為程序輸入?yún)?shù)；

更改單元，用于根據(jù)交互式程序的運(yùn)行結(jié)果，在頁面腳本中更改目標(biāo)頁面中組成元素的屬性。

示例性地，所述組成元素包括下述至少一項(xiàng)：字體大小、圖片大小、圖片格式、標(biāo)記語言格式和音視頻格式。

示例性地，所述移動終端的屬性特征包括下述至少一項(xiàng)：屏幕尺寸和移動終端型號。

進(jìn)一步地，調(diào)整模塊320具體用于：

根據(jù)移動終端的屬性特征，采用CSS技術(shù)和JAVA script技術(shù)，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整。

本實(shí)施例提供的一種頁面適配方法，通過接收服務(wù)器返回的目標(biāo)頁面的頁面腳本；并根據(jù)移動終端的屬性特征，對所述目標(biāo)頁面中的組成元素，在頁面腳本中進(jìn)行調(diào)整；最后根據(jù)調(diào)整后的頁面腳本生成目標(biāo)頁面并顯示在所述移動終端的屏幕上的技術(shù)手段，實(shí)現(xiàn)了在移動終端上正確顯示頁面的目的。

上述產(chǎn)品可執(zhí)行本發(fā)明任意實(shí)施例所提供的方法，具備執(zhí)行方法相應(yīng)的功能模塊和有益效果。未在本實(shí)施例中詳盡描述的技術(shù)細(xì)節(jié)，可參見本發(fā)明任意實(shí)施例所提供的方法。

本領(lǐng)域技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法中的全部或部分步驟是可以通過程序來指令相關(guān)的硬件來完成，該程序存儲在一個存儲介質(zhì)中，包括若干指令用以使得一個設(shè)備(可以是單片機(jī)，芯片等)或處理器(processor)執(zhí)行本申請各個實(shí)施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括：U盤、移動硬盤、只讀存儲器(ROM，Read-Only Memory)、隨機(jī)存取存儲器(RAM，Random Access Memory)、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。

注意，上述僅為本發(fā)明的較佳實(shí)施例及所運(yùn)用技術(shù)原理。本領(lǐng)域技術(shù)人員會理解，本發(fā)明不限于這里所述的特定實(shí)施例，對本領(lǐng)域技術(shù)人員來說能夠進(jìn)行各種明顯的變化、重新調(diào)整和替代而不會脫離本發(fā)明的保護(hù)范圍。因此，雖然通過以上實(shí)施例對本發(fā)明進(jìn)行了較為詳細(xì)的說明，但是本發(fā)明不僅僅限于以上實(shí)施例，在不脫離本發(fā)明構(gòu)思的情況下，還可以包括更多其他等效實(shí)施例，而本發(fā)明的范圍由所附的權(quán)利要求范圍決定。