一種頁面適配方法及系統與流程
2023-04-25 21:25:56
本發明實施例涉及數據處理技術領域，尤其涉及一種頁面適配方法及系統。
背景技術：
隨著行動網路和網際網路的日益融合，移動終端的能力越來越多樣化，通過移動終端訪問更多的網際網路資源，尤其是海量的頁面已經成為越來越迫切的需求。但網際網路上絕大多數的頁面最初設計都是主要針對電腦，而不是針對移動終端。
與電腦相比，移動終端存在明顯的特點，例如屏幕小，支持的標記語言比較有限且格式要求更嚴格；因此，現有的針對電腦的頁面不能直接展示在移動終端。
技術實現要素：
本發明實施例提供了一種頁面適配方法及系統，以實現在移動終端上正確顯示頁面。
第一方面，本發明實施例提供了一種頁面適配方法，該方法包括：
接收伺服器返回的目標頁面的頁面腳本；
根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整；
根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上。
進一步地，根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整包括：
調用頁面腳本中的交互式程序，並將移動終端的屬性特徵作為程序輸入參數；
根據交互式程序的運行結果，在頁面腳本中更改目標頁面中組成元素的屬性。
進一步地，所述組成元素包括下述至少一項：字體大小、圖片大小、圖片格式、標記語言格式和音視頻格式。
進一步地，所述移動終端的屬性特徵包括下述至少一項：屏幕尺寸和移動終端型號。
進一步地，根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整包括：
根據移動終端的屬性特徵，採用CSS技術和JAVA script技術，對所述目標頁面中的組成元素，在頁面腳本中進行調整。
第二方面，本發明實施例還提供了一種頁面適配系統，該系統包括：
接收模塊，用於接收伺服器返回的目標頁面的頁面腳本；
調整模塊，用於根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整；
顯示模塊，用於根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上。
進一步地，所述調整模塊包括：
調用單元，用於調用頁面腳本中的交互式程序，並將移動終端的屬性特徵作為程序輸入參數；
更改單元，用於根據交互式程序的運行結果，在頁面腳本中更改目標頁面中組成元素的屬性。
進一步地，所述組成元素包括下述至少一項：字體大小、圖片大小、圖片格式、標記語言格式和音視頻格式。
進一步地，所述移動終端的屬性特徵包括下述至少一項：屏幕尺寸和移動終端型號。
進一步地，所述調整模塊具體用於：
根據移動終端的屬性特徵，採用CSS技術和JAVA script技術，對所述目標頁面中的組成元素，在頁面腳本中進行調整。
本發明實施例提供的一種頁面適配方法，通過接收伺服器返回的目標頁面的頁面腳本；並根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整；最後根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上的技術手段，實現了在移動終端上正確顯示頁面的目的。
附圖說明
圖1是本發明實施例一提供的一種頁面適配方法流程示意圖；
圖2是本發明實施例二提供的一種頁面適配方法流程示意圖；
圖3是本發明實施例三提供的一種頁面適配系統結構示意圖。
具體實施方式
下面結合附圖和實施例對本發明作進一步的詳細說明。可以理解的是，此處所描述的具體實施例僅僅用於解釋本發明，而非對本發明的限定。另外還需要說明的是，為了便於描述，附圖中僅示出了與本發明相關的部分而非全部結構。
在更加詳細地討論示例性實施例之前應當提到的是，一些示例性實施例被描述成作為流程圖描繪的處理或方法。雖然流程圖將各項步驟描述成順序的處理，但是其中的許多步驟可以被並行地、並發地或者同時實施。此外，各項步驟的順序可以被重新安排。當其步驟完成時所述處理可以被終止，但是還可以具有未包括在附圖中的附加步驟。所述處理可以對應於方法、函數、規程、子例程、子程序等等。
實施例一
圖1為本發明實施例一提供的一種頁面適配方法流程圖，該方法可適用於網際網路頁面在移動終端進行顯示的情況，可以由頁面適配系統來執行。該系統可通過硬體和/或軟體的方式實現。該方法具體包括如下步驟：
步驟110、接收伺服器返回的目標頁面的頁面腳本。
具體的，伺服器接收到移動終端發來的頁面訪問請求後，根據所述頁面訪問請求向移動終端返回目標頁面的頁面腳本，相應地，移動終端接收伺服器返回的目標頁面的頁面腳本。
所述移動終端具體可以是手機、平板電腦等，但並不局限於此。所述目標頁面具體是指呈現文字、圖形等信息的可視化的信息載體，例如網頁頁面，根據開發語言和開發環境的不同，可以為不同類型的頁面。
步驟120、根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整。
由於網際網路上絕大多數的頁面最初設計都是主要針對電腦，而不是針對移動終端，而與電腦相比，移動終端存在明顯的特點，例如屏幕小，支持的標記語言比較有限且格式要求更嚴格，因此網際網路上的所述目標頁面往往不能直接顯示在移動終端上，為了使所述目標頁面能夠正確顯示在移動終端上，需要根據移動終端的屬性特徵對所述目標頁面進行調整，所述移動終端的屬性特徵具體指表徵移動終端適應頁面的能力，例如移動終端的屏幕大小是否能夠完全顯示所述目標頁面；移動終端支持圖片格式的能力是否能夠正確解析加載所述目標頁面中的圖片等；若移動終端的屬性特徵與所述目標頁面中的組成元素(如圖片格式、音視頻格式等)不匹配，所述目標頁面則不能正確顯示在所述移動終端上，因此需要根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整。
步驟130、根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上。
本實施例提供的一種頁面適配方法，通過接收伺服器返回的目標頁面的頁面腳本；並根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整；最後根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上的技術手段，實現了在移動終端上正確顯示頁面的目的。
實施例二
圖2為本發明實施例二提供的一種頁面適配方法流程示意圖，在實施例一的基礎上，本實施例進行了進一步優化，具體參見圖2所示，該方法具體如下：
步驟210、接收伺服器返回的目標頁面的頁面腳本。
步驟220、調用頁面腳本中的交互式程序，並將移動終端的屬性特徵作為程序輸入參數。
示例性地，所述移動終端的屬性特徵包括下述至少一項：屏幕尺寸和移動終端型號；移動終端型號往往攜帶了很多關於移動終端各種性能信息。例如移動終端支持的圖片格式和標記語言格式等。
步驟230、根據交互式程序的運行結果，在頁面腳本中更改目標頁面中組成元素的屬性。
示例性地，所述組成元素包括下述至少一項：字體大小、圖片大小、圖片格式、標記語言格式和音視頻格式。
進一步地，根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整包括：
根據移動終端的屬性特徵，採用CSS技術和JAVA script技術，對所述目標頁面中的組成元素，在頁面腳本中進行調整；例如根據移動終端屏幕的大小，採用CSS技術和JAVA script技術調整所述目標頁面中的字體大小，具體的，首先通過CSS技術更改所述目標頁面的根字體單位，將所述目標頁面中的根字體單元轉換為以rem為單位的字體，進一步根據移動終端的屏幕大小，通過JavaScript技術改變所述目標頁面的根字體大小，以使所述目標頁面的大小能夠正確適合所述移動終端屏幕大小。
步驟240、根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上。
本實施例提供的一種頁面適配方法，在上述實施例技術方案的基礎上，通過調用頁面腳本中的交互式程序，並將移動終端的屬性特徵作為程序輸入參數，根據交互式程序的運行結果，在頁面腳本中更改目標頁面中組成元素的屬性，最後根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上的技術手段，實現了在移動終端上正確顯示頁面的目的。
實施例三
圖3為本發明實施例三提供的一種頁面適配系統的結構框圖，典型地，該系統可以集成到終端中，例如手機、平板電腦等；具體參見圖3所示，該系統具體包括如下：
接收模塊310，調整模塊320和顯示模塊330；其中，接收模塊310，用於接收伺服器返回的目標頁面的頁面腳本；
調整模塊320，用於根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整；
顯示模塊330，用於根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上。
進一步地，調整模塊320包括：
調用單元，用於調用頁面腳本中的交互式程序，並將移動終端的屬性特徵作為程序輸入參數；
更改單元，用於根據交互式程序的運行結果，在頁面腳本中更改目標頁面中組成元素的屬性。
示例性地，所述組成元素包括下述至少一項：字體大小、圖片大小、圖片格式、標記語言格式和音視頻格式。
示例性地，所述移動終端的屬性特徵包括下述至少一項：屏幕尺寸和移動終端型號。
進一步地，調整模塊320具體用於：
根據移動終端的屬性特徵，採用CSS技術和JAVA script技術，對所述目標頁面中的組成元素，在頁面腳本中進行調整。
本實施例提供的一種頁面適配方法，通過接收伺服器返回的目標頁面的頁面腳本；並根據移動終端的屬性特徵，對所述目標頁面中的組成元素，在頁面腳本中進行調整；最後根據調整後的頁面腳本生成目標頁面並顯示在所述移動終端的屏幕上的技術手段，實現了在移動終端上正確顯示頁面的目的。
上述產品可執行本發明任意實施例所提供的方法，具備執行方法相應的功能模塊和有益效果。未在本實施例中詳盡描述的技術細節，可參見本發明任意實施例所提供的方法。
本領域技術人員可以理解實現上述實施例方法中的全部或部分步驟是可以通過程序來指令相關的硬體來完成，該程序存儲在一個存儲介質中，包括若干指令用以使得一個設備(可以是單片機，晶片等)或處理器(processor)執行本申請各個實施例所述方法的全部或部分步驟。而前述的存儲介質包括：U盤、移動硬碟、只讀存儲器(ROM，Read-Only Memory)、隨機存取存儲器(RAM，Random Access Memory)、磁碟或者光碟等各種可以存儲程序代碼的介質。
注意，上述僅為本發明的較佳實施例及所運用技術原理。本領域技術人員會理解，本發明不限於這裡所述的特定實施例，對本領域技術人員來說能夠進行各種明顯的變化、重新調整和替代而不會脫離本發明的保護範圍。因此，雖然通過以上實施例對本發明進行了較為詳細的說明，但是本發明不僅僅限於以上實施例，在不脫離本發明構思的情況下，還可以包括更多其他等效實施例，而本發明的範圍由所附的權利要求範圍決定。