一種頁面顯示的方法及終端與流程
2023-06-21 04:48:11
本發明涉及網際網路技術領域，尤其涉及一種頁面顯示的方法及終端。
背景技術：
當用戶在不同終端上訪問同一個頁面時，由於該頁面可能不適配某些終端，頁面所呈現的顯示效果可能會和預期的不一致，顯示效果不佳，影響了用戶的使用與觀看，從而需要解決頁面在多終端的顯示問題。
現有的一種解決方案為：在多終端中確定一個主流終端，頁面參照該主流終端的尺寸以及解析度進行設計，當頁面需要在其他的終端中顯示時，將頁面對其居中進行顯示。
然而，當某一個終端的尺寸大於該主流終端的尺寸，且解析度大於該主流終端的解析度時，若該頁面需要在該終端中進行顯示，由於該頁面與該終端不完全匹配，所以頁面在該終端中的顯示效果沒有達到最佳。由此，現有方案中在多終端顯示頁面所能達到的顯示效果存在不足。
技術實現要素：
本發明實施例提供了一種頁面顯示的方法及終端，能夠提高在多終端顯示頁面所能達到的顯示效果。
有鑑於此，本發明實施例第一方面提供了一種頁面顯示的方法，可包括：
終端獲取目標頁面在原始狀態下的頁面尺寸；
當所述終端檢測到所述目標頁面處於目標狀態下時，所述終端確定與所述目標頁面的特徵類型相匹配的頁面適配模式；
所述終端根據所述頁面適配模式調整所述頁面尺寸；
所述終端使用調整後的頁面尺寸顯示所述目標頁面。
本發明實施例第二方面提供了一種終端，可包括：
獲取模塊，用於獲取目標頁面在原始狀態下的頁面尺寸；
確定模塊，當檢測到所述目標頁面處於目標狀態下時，確定與所述目標頁面的特徵類型相匹配的頁面適配模式；
調整模塊，用於根據所述頁面適配模式調整所述頁面尺寸；
顯示模塊，用於使用調整後的頁面尺寸顯示所述目標頁面。
從以上技術方案可以看出，本發明實施例具有以下優點：終端獲取目標頁面在原始狀態下的頁面尺寸；當終端檢測到目標頁面處於目標狀態下時，終端開始進行頁面適配模式分析，終端通過頁面適配模式分析確定與目標頁面的特徵類型相匹配的頁面適配模式；終端根據頁面適配模式對頁面尺寸進行寬度縮放或高度縮放等調整；最後終端使用調整後的頁面尺寸顯示調整後的目標頁面。可見，通過頁面適配模式對原有頁面的寬度和高度進行整體調整適配，以提高原有頁面在各種狀態下所能達到的顯示效果，即能夠提高在多終端顯示頁面所能達到的顯示效果。
附圖說明
為了更清楚地說明本發明實施例的技術方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發明的一些實施例，對於本領域普通技術人員來講，在不付出創造性勞動性的前提下，還可以根據這些附圖獲得其他的附圖。
圖1為本發明實施例所提供的一種頁面顯示的方法原理示意圖；
圖2-a為本發明實施例所提供的一種auto模式下隨著瀏覽器窗口放大而放大的頁面示意圖；
圖2-b為本發明實施例所提供的一種contain模式下照片在不同手機相冊中的預覽效果示意圖；
圖2-c為本發明實施例所提供的一種cover模式下手遊界面示意圖；
圖3為本發明實施例所提供的一種頁面顯示的方法流程示意圖；
圖4為本發明實施例所提供的終端結構示意圖；
圖5為本發明實施例所提供的終端另一結構示意圖；
圖6為本發明實施例所提供的終端另一結構示意圖。
具體實施方式
本發明實施例提供了一種頁面顯示的方法及終端，能夠提高在多終端顯示頁面所能達到的顯示效果。
本發明的說明書和權利要求書及上述附圖中的術語「第一」、「第二」、「第三」、「第四」等(如果存在)是用於區別類似的對象，而不必用於描述特定的順序或先後次序。應該理解這樣使用的數據在適當情況下可以互換，以便這裡描述的本發明的實施例例如能夠以除了在這裡圖示或描述的那些以外的順序實施。此外，術語「包括」和「具有」以及他們的任何變形，意圖在於覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統、產品或設備不必限於清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或對於這些過程、方法、產品或設備固有的其它步驟或單元。
應理解，本發明技術方案所提供的一種頁面顯示的方法可以適配各種終端，使得原有頁面在各終端下都能還原原始視覺展示效果。為便於理解本發明技術方案，下面介紹下本發明技術方案的原理，請參閱圖1，圖1為本發明技術方案所提供的一種頁面顯示的方法原理示意圖。
下面對該原理示意圖中的重要部分進行說明：
頁面原始大小：終端可以通過分析或者定義的方式，獲取原始設計稿或者移動頁面在原始標準狀態(為便於描述，下文簡稱為原始狀態)下的寬度和高度。
監聽設備：監聽onresize事件，在用戶初始化頁面或者用戶旋轉手機的時候調用引擎獲取當前狀態下所需的寬度和高度。
此外，監聽設備可以從四個角度進行頁面的監聽，這四個角度可以分別為：window.orientation＝＝0°、45°、90°以及180°。監聽設備還可以從其他角度進行監聽，此處不作限定。
自動(auto)模式：保持頁面的寬高比，調整頁面的寬度，使頁面寬度完全包含在當前瀏覽器窗口中。
包含(contain)模式：保持頁面的寬高比，調整頁面的寬度或高度(較大者)，使頁面完全包含在瀏覽器窗口中，頁面水平垂直居中，左右或上下可能出現空白，頁面背景使用純色或可複製背景，適合滑屏頁面以及單屏頁面。
覆蓋(cover)模式：保持頁面的寬高比，調整頁面的寬度或高度(較小者)，使頁面完全覆蓋當前瀏覽器窗口，頁面水平垂直居中，超出瀏覽器窗口左右或上下的內容會被隱藏，適合滑屏頁面、單屏頁面，且頁面邊緣無重要內容。
為進一步理解auto模式、contain模式以及cover模式，請參閱圖2，圖2-a提供了一種auto模式下隨著瀏覽器窗口放大而放大的頁面示意圖，圖2-b提供了一種contain模式下照片在不同手機相冊中的預覽效果示意圖，圖2-c提供了一種cover模式下手遊界面示意圖。
顯然，本發明通過合理利用三大頁面適配模式對原有頁面的寬度或高度進行整體調整適配，使得原有頁面在各終端下都能還原原始視覺展示效果。
下面通過具體實施例對本發明實施例中的頁面顯示的方法進行說明，請參閱圖3，本發明實施例中頁面顯示的方法一個實施例包括：
101、終端獲取目標頁面在原始狀態下的頁面尺寸；
本實施例中，目標頁面為需要在終端上進行顯示的一個頁面，終端在對目標頁面進行顯示前，為了提高目標頁面在終端的瀏覽器窗口中的顯示效果，終端需要對目標頁面進行相應的處理，相應的處理流程中包含：終端獲取目標頁面在原始狀態下的頁面尺寸。
需要說明的是，終端可以通過分析或者定義的方式來獲取目標頁面在原始狀態下的頁面寬度和高度，目標頁面可以但不限於原始設計稿以及移動頁面，終端包括但不限於手機以及平板。
102、當終端檢測到目標頁面處於目標狀態下時，終端確定與目標頁面的特徵類型相匹配的頁面適配模式；
一般而言，目標頁面在原始狀態下的頁面尺寸在目標狀態下是不適配的，所以終端需要對目標頁面的頁面尺寸進行調整，以達到調整後的目標頁面的頁面尺寸與目標狀態相適配的目的。
在本發明的一些實施例中，上述終端確定與目標頁面的特徵類型相匹配的頁面適配模式之前包括：
若終端檢測到目標頁面的初始化操作，或終端的橫屏及豎屏的切換操作，則終端確定目標頁面處於目標狀態下。
終端的橫屏及豎屏的切換操作可以為用戶對終端的旋轉操作。
需要說明的是，當目標頁面處於目標狀態下時，即表示目標頁面需要在終端上進行顯示，目標狀態包括但不限於目標頁面的初始化狀態，以及橫屏及豎屏的切換操作。其中，橫屏及豎屏的切換操作可以為橫屏切換至豎屏，還可以為豎屏切換至橫屏，此處不作限定。
可見，通過提供一種檢測目標頁面的初始化操作或終端的橫屏及豎屏的切換操作的方法，來確定目標頁面是否處於目標狀態下，從而對目標狀態的進行說明，以進一步說明目標狀態的含義，從而完善本發明的技術方案。
另外，終端確定與目標頁面的特徵類型相匹配的頁面適配模式可以採用多種方式實現，下面分別進行說明：
一：通過頁面邊緣的特徵類型確定頁面適配模式；
具體的，在本發明的一些實施例中，上述終端確定與目標頁面的特徵類型相匹配的頁面適配模式包括：
終端獲取目標頁面的頁面邊緣的特徵類型；終端確定與頁面邊緣的特徵類型相匹配的頁面適配模式。
本實施例中，目標頁面的頁面邊緣可能存在重要內容，也可能不存在重要內容，比如頁面邊緣無內容，為空白。針對頁面邊緣存在重要內容的目標頁面以及頁面邊緣不存在重要內容的目標頁面所匹配的頁面適配模式是不一樣的。例如，當目標頁面的頁面邊緣存在重要內容時，頁面適配模式可以為圖1所示的auto模式；當目標頁面的頁面邊緣不存在重要內容時，頁面適配模式可以為contain模式或cover模式。
二：通過目標頁面的是否為滑屏頁面或單屏頁面確定適配模式；
具體的，在本發明的一些實施例中，上述終端確定與目標頁面的特徵類型相匹配的頁面適配模式包括：
終端獲取目標頁面的特徵類型；若終端根據目標頁面的特徵類型確定目標頁面為滑屏頁面或單屏頁面，則確定與滑屏頁面以及單屏頁面相匹配的頁面適配模式。
本實施例中，目標頁面可以為滑屏頁面、單屏頁面或雙屏頁面，當目標頁面為滑屏頁面或單屏頁面時，終端可以確定與滑屏頁面以及單屏頁面相匹配的頁面適配模式，比如contain模式和cover模式；當目標頁面為雙屏頁面時，終端可以確定與雙屏頁面相匹配的頁面適配模式，比如auto模式。
103、終端根據頁面適配模式調整頁面尺寸；
104、終端使用調整後的頁面尺寸顯示目標頁面。
本實施例中，終端獲取目標頁面在原始狀態下的頁面尺寸；當終端檢測到目標頁面處於目標狀態下時，終端開始進行頁面適配模式分析，終端通過頁面適配模式分析確定與目標頁面的特徵類型相匹配的頁面適配模式；終端根據頁面適配模式對頁面尺寸進行寬度縮放或高度縮放等調整；最後終端使用調整後的頁面尺寸顯示調整後的目標頁面。可見，通過頁面適配模式對原有頁面的寬度和高度進行整體調整適配，以提高原有頁面在各種狀態下所能達到的顯示效果，即能夠提高在多終端顯示頁面所能達到的顯示效果。
在本發明的一些實施例中，上述終端確定目標頁面處於目標狀態下之後還包括：
終端確定目標頁面在目標狀態下所適配的窗口尺寸。
其中，該窗口尺寸可以與瀏覽器窗口尺寸相同，但是需要保證目標頁面具有良好的顯示效果。若不能保證目標頁面具有良好的顯示效果，則終端需要確定一個合適的窗口尺寸，該確定的窗口尺寸與瀏覽器窗口尺寸不相同，但目標頁面也能夠展示出良好的顯示效果。
進一步的，在本發明的一些實施例中，上述終端根據頁面適配模式調整頁面尺寸包括：
終端根據頁面適配模式將目標頁面的頁面尺寸調整為窗口尺寸。
更進一步的，在本發明的一些實施例中，上述終端根據頁面適配模式將目標頁面的頁面尺寸調整為窗口尺寸包括：
在目標頁面的寬度與高度的比值不變的條件下，終端調整目標頁面的寬度或高度，以將目標頁面的頁面尺寸調整為窗口尺寸。
更進一步的，在本發明的一些實施例中，上述終端調整目標頁面的寬度或高度，以將目標頁面的頁面尺寸調整為窗口尺寸包括：
終端調整目標頁面的寬度，以將目標頁面的頁面尺寸調整為窗口尺寸，且窗口的寬度包含在當前瀏覽器窗口中，即auto模式；或，終端調整目標頁面的寬度和高度中的較小者，以將目標頁面的頁面尺寸調整為窗口尺寸，且窗口完全覆蓋當前瀏覽器窗口，目標頁面的窗口水平垂直居中，目標頁面的窗口超出當前瀏覽器窗口的部分被隱藏，即cover模式；或，終端調整目標頁面的寬度和高度中的較大者，以將目標頁面的頁面尺寸調整為窗口尺寸，且目標頁面的窗口完全包含在當前瀏覽器窗口中，目標頁面的窗口水平垂直居中，即contain模式。
需要說明的是，在允許目標頁面出現滾條以及底部空白的條件下，終端可以選擇auto模式。如果該目標頁面的背景是純色的，目標頁面經過鏤空漸變處理，終端選擇auto模式所達到的顯示效果較好。cover模式適用於長方形尺寸的目標頁面，並且目標頁面的左右頁面邊緣不存在重要內容，目標頁面上下兩邊能夠完全融於瀏覽器窗口中，目標頁面左右兩邊雖然超出瀏覽器窗口邊緣，但是由於左右兩邊頁面邊緣不存在重要內容，所以終端選擇cover模式所達到的顯示效果較好。contain模式調整目標頁面的寬度和高度中的較大者，寬度和高度中的較大者填滿瀏覽器窗口，顯然，寬度和高度中的較小者不會超出瀏覽器窗口，從而contain模式適合需要在瀏覽器窗口內展示完整信息的目標頁面，以達到良好的顯示效果。
此外，當終端使用調整後的頁面尺寸顯示目標頁面後，若終端檢測到橫屏及豎屏的切換操作，那麼此時目標頁面的寬度和高度會在切換過程中發生變化，導致目標頁面沒有良好的顯示效果。所以需要再次調整目標頁面的尺寸，即需要對目標頁面的寬度和高度進行重新計算，比如終端的瀏覽器寬度是320px，經過切換操作後，變為480px。如果目標頁面在原始狀態下的頁面寬度為300，那麼存在一個縮放比例，縮放比例可以為瀏覽器寬度/頁面寬度，或者瀏覽器高度/頁面寬度。顯然，若切換操作前的縮放比例為320/300，則切換操作後的縮放比例為480/300，即縮放比例發生了變化。那麼終端可以在確定縮放中心的條件下(一般為瀏覽器窗口中心)，根據縮放比例480/300以及相應的頁面適配模式調整目標頁面的頁面尺寸，使得經過切換操作後的目標頁面仍然具有良好的顯示效果。
為便於理解，下面以一個具體應用場景對本發明中頁面顯示的方法進行詳細描述，具體為：
用戶a使用手機瀏覽網頁，其中手機瀏覽器尺寸為320px×480px。當用戶a將要開啟網頁頁面b時，手機通過對網頁頁面b進行分析，在確定網頁頁面b在設計之初時的寬度為300px，高度為400px後，若確定網頁頁面b為滑屏頁面或單屏頁面，且網頁頁面b的頁面邊緣無重要內容，則採用cover模式，即在保持網頁頁面b的寬度與高度的比值不變的條件下，手機將網頁頁面b的寬度從300px調整為320px，手機顯示調整後的網頁頁面b；若確定網頁頁面b為滑屏頁面或單屏頁面，且網頁頁面b的頁面邊緣有重要內容，則採用contain模式，即在保持網頁頁面b的寬度與高度的比值不變的條件下，手機將網頁頁面b的高度從400px調整為480px，手機顯示調整後的網頁頁面b；若確定網頁頁面b存在滾動條且網頁頁面b的底部為空白，則採用auto模式，即在保持網頁頁面b的寬度與高度的比值不變的條件下，手機將網頁頁面b的寬度從300px調整為320px，手機顯示調整後的網頁頁面b。
下面對本發明實施例中的終端進行詳細描述，請參閱圖4，本發明實施例中的終端包括：
獲取模塊201，用於獲取目標頁面在原始狀態下的頁面尺寸；
確定模塊202，當檢測到目標頁面處於目標狀態下時，確定與目標頁面的特徵類型相匹配的頁面適配模式；
調整模塊203，用於根據確定模塊202確定的頁面適配模式調整獲取模塊201獲取到的頁面尺寸；
顯示模塊204，用於使用調整模塊203調整後的頁面尺寸顯示目標頁面。
本實施例中，獲取模塊201獲取目標頁面在原始狀態下的頁面尺寸；當檢測到目標頁面處於目標狀態下時，確定模塊202開始進行頁面適配模式分析，通過頁面適配模式分析確定與目標頁面的特徵類型相匹配的頁面適配模式；調整模塊203根據頁面適配模式對頁面尺寸進行寬度縮放或高度縮放等調整；最後顯示模塊204使用調整後的頁面尺寸顯示調整後的目標頁面。可見，通過頁面適配模式對原有頁面的寬度和高度進行整體調整適配，以提高原有頁面在各種狀態下所能達到的顯示效果，即能夠提高在多終端顯示頁面所能達到的顯示效果。
可選的，在本發明的一個可選實施例中，上述確定模塊202，具體用於若檢測到目標頁面的初始化操作，或終端的橫屏及豎屏的切換操作，則確定目標頁面處於目標狀態下。
需要說明的是，當目標頁面處於目標狀態下時，即表示目標頁面需要在終端上進行顯示，目標狀態包括但不限於目標頁面的初始化狀態，以及橫屏及豎屏的切換操作。其中，橫屏及豎屏的切換操作可以為橫屏切換至豎屏，還可以為豎屏切換至橫屏，此處不作限定。
可見，通過提供一種檢測目標頁面的初始化操作或終端的橫屏及豎屏的切換操作的方法，來確定目標頁面是否處於目標狀態下，從而對目標狀態的進行說明，以進一步說明目標狀態的含義，從而完善本發明的技術方案。
可選的，在本發明的一個可選實施例中，上述確定模塊202，還用於在確定目標頁面處於目標狀態下之後，確定目標頁面在目標狀態下所適配的窗口尺寸。
其中，該窗口尺寸可以與瀏覽器窗口尺寸相同，但是需要保證目標頁面具有良好的顯示效果。若不能保證目標頁面具有良好的顯示效果，則終端需要確定一個合適的窗口尺寸，該確定的窗口尺寸與瀏覽器窗口尺寸不相同，但目標頁面也能夠展示出良好的顯示效果。
可選的，在本發明的一個可選實施例中，上述調整模塊203，具體用於根據頁面適配模式將目標頁面的頁面尺寸調整為所述窗口尺寸。
可選的，在本發明的一個可選實施例中，上述調整模塊203，具體用於在目標頁面的寬度與高度的比值不變的條件下，調整目標頁面的寬度或高度，以將目標頁面的頁面尺寸調整為窗口尺寸。
可選的，在本發明的一個可選實施例中，上述調整模塊203，具體用於調整目標頁面的寬度，以將目標頁面的頁面尺寸調整為窗口尺寸，且窗口的寬度包含在當前瀏覽器窗口中；或，調整目標頁面的寬度和高度中的較小者，以將目標頁面的頁面尺寸調整為窗口尺寸，且窗口完全覆蓋當前瀏覽器窗口，目標頁面的窗口水平垂直居中，目標頁面的窗口超出當前瀏覽器窗口的部分被隱藏；或，調整目標頁面的寬度和高度中的較大者，以將目標頁面的頁面尺寸調整為窗口尺寸，且目標頁面的窗口完全包含在當前瀏覽器窗口中，目標頁面的窗口水平垂直居中。
需要說明的是，在允許目標頁面出現滾條以及底部空白的條件下，終端可以選擇auto模式。如果該目標頁面的背景是純色的，目標頁面經過鏤空漸變處理，終端選擇auto模式所達到的顯示效果較好。cover模式適用於長方形尺寸的目標頁面，並且目標頁面的左右頁面邊緣不存在重要內容，目標頁面上下兩邊能夠完全融於瀏覽器窗口中，目標頁面左右兩邊雖然超出瀏覽器窗口邊緣，但是由於左右兩邊頁面邊緣不存在重要內容，所以終端選擇cover模式所達到的顯示效果較好。contain模式調整目標頁面的寬度和高度中的較大者，寬度和高度中的較大者填滿瀏覽器窗口，顯然，寬度和高度中的較小者不會超出瀏覽器窗口，從而contain模式適合需要在瀏覽器窗口內展示完整信息的目標頁面，以達到良好的顯示效果。
可選的，在本發明的一個可選實施例中，上述確定模塊202，具體用於獲取目標頁面的頁面邊緣的特徵類型；確定與頁面邊緣的特徵類型相匹配的頁面適配模式。
本實施例中，目標頁面的頁面邊緣可能存在重要內容，也可能不存在重要內容，比如頁面邊緣無內容，為空白。針對頁面邊緣存在重要內容的目標頁面以及頁面邊緣不存在重要內容的目標頁面所匹配的頁面適配模式是不一樣的。例如，當目標頁面的頁面邊緣存在重要內容時，頁面適配模式可以為圖1所示的auto模式；當目標頁面的頁面邊緣不存在重要內容時，頁面適配模式可以為contain模式或cover模式。
可選的，在本發明的一個可選實施例中，上述確定模塊202，具體用於獲取目標頁面的特徵類型；若根據目標頁面的特徵類型確定目標頁面為滑屏頁面或單屏頁面，則確定與滑屏頁面以及單屏頁面相匹配的頁面適配模式。
本實施例中，目標頁面可以為滑屏頁面、單屏頁面或雙屏頁面，當目標頁面為滑屏頁面或單屏頁面時，終端可以確定與滑屏頁面以及單屏頁面相匹配的頁面適配模式，比如contain模式和cover模式；當目標頁面為雙屏頁面時，終端可以確定與雙屏頁面相匹配的頁面適配模式，比如auto模式。
上面從模塊化功能實體的角度對本發明實施例中的終端進行了描述，下面從硬體處理的角度對本發明實施例中的終端進行描述，請參閱圖5，本發明實施例中的終端包括：接收器301、處理器302以及存儲器303。
本發明實施例涉及的終端可以具有比圖5所示出的更多或更少的部件，可以組合兩個或更多個部件，或者可以具有不同的部件配置或設備，各個部件可以在包括一個或多個信號處理和/或專用集成電路在內的硬體、軟體或硬體和軟體的組合實現。
接收器301用於執行如下操作：
獲取目標頁面在原始狀態下的頁面尺寸。
處理器302用於執行如下操作：
當檢測到目標頁面處於目標狀態下時，確定與目標頁面的特徵類型相匹配的頁面適配模式；
根據頁面適配模式調整頁面尺寸；
使用調整後的頁面尺寸顯示目標頁面。
存儲器303用於存儲處理器302執行相應的操作所需要的指令。
本實施例中，接收器301獲取目標頁面在原始狀態下的頁面尺寸；當處理器302檢測到目標頁面處於目標狀態下時，處理器302開始進行頁面適配模式分析，處理器302通過頁面適配模式分析確定與目標頁面的特徵類型相匹配的頁面適配模式；處理器302根據頁面適配模式對頁面尺寸進行寬度縮放或高度縮放等調整；最後處理器302使用調整後的頁面尺寸顯示調整後的目標頁面。可見，通過頁面適配模式對原有頁面的寬度和高度進行整體調整適配，以提高原有頁面在各種狀態下所能達到的顯示效果，即能夠提高在多終端顯示頁面所能達到的顯示效果。
可選的，處理器302還用於執行如下操作：
若檢測到目標頁面的初始化操作，或終端的橫屏及豎屏的切換操作，則確定目標頁面處於目標狀態下。
可見，通過提供一種檢測目標頁面的初始化操作或終端的橫屏及豎屏的切換操作的方法，來確定目標頁面是否處於目標狀態下，從而對目標狀態的進行說明，以進一步說明目標狀態的含義，從而完善本發明的技術方案。
可選的，處理器302還用於執行如下操作：
在確定目標頁面處於目標狀態下之後，確定目標頁面在目標狀態下所適配的窗口尺寸。
其中，該窗口尺寸可以與瀏覽器窗口尺寸相同，但是需要保證目標頁面具有良好的顯示效果。若不能保證目標頁面具有良好的顯示效果，則終端需要確定一個合適的窗口尺寸，該確定的窗口尺寸與瀏覽器窗口尺寸不相同，但目標頁面也能夠展示出良好的顯示效果。
可選的，處理器302還用於執行如下操作：
根據頁面適配模式將目標頁面的頁面尺寸調整為所述窗口尺寸。
可選的，處理器302還用於執行如下操作：
在目標頁面的寬度與高度的比值不變的條件下，調整目標頁面的寬度或高度，以將目標頁面的頁面尺寸調整為窗口尺寸。
可選的，處理器302還用於執行如下操作：
調整目標頁面的寬度，以將目標頁面的頁面尺寸調整為窗口尺寸，且窗口的寬度包含在當前瀏覽器窗口中；或，調整目標頁面的寬度和高度中的較小者，以將目標頁面的頁面尺寸調整為窗口尺寸，且窗口完全覆蓋當前瀏覽器窗口，目標頁面的窗口水平垂直居中，目標頁面的窗口超出當前瀏覽器窗口的部分被隱藏；或，調整目標頁面的寬度和高度中的較大者，以將目標頁面的頁面尺寸調整為窗口尺寸，且目標頁面的窗口完全包含在當前瀏覽器窗口中，目標頁面的窗口水平垂直居中。
可選的，處理器302還用於執行如下操作：
獲取目標頁面的頁面邊緣的特徵類型；確定與頁面邊緣的特徵類型相匹配的頁面適配模式。
可選的，處理器302還用於執行如下操作：
獲取目標頁面的特徵類型；若根據目標頁面的特徵類型確定目標頁面為滑屏頁面或單屏頁面，則確定與滑屏頁面以及單屏頁面相匹配的頁面適配模式。
本發明實施例還提供一種終端，為了便於說明，僅示出了與本發明實施例相關的部分，具體技術細節未揭示的，請參照本發明實施例方法部分。該終端可以為包括手機、平板電腦、pda(personaldigitalassistant，個人數字助理)、pos(pointofsales，銷售終端)、車載電腦等任意終端設備，以終端為手機為例：
圖6示出的是與本發明實施例提供的終端相關的手機的部分結構的框圖。參考圖6，手機包括：射頻(radiofrequency，rf)電路410、存儲器420、輸入單元430、顯示單元440、傳感器450、音頻電路460、無線保真(wirelessfidelity，wifi)模塊470、處理器480、以及電源490等部件。本領域技術人員可以理解，圖6中示出的手機結構並不構成對手機的限定，可以包括比圖示更多或更少的部件，或者組合某些部件，或者不同的部件布置。
下面結合圖6對手機的各個構成部件進行具體的介紹：
rf電路410可用於收發信息或通話過程中，信號的接收和發送，特別地，將基站的下行信息接收後，給處理器480處理；另外，將設計上行的數據發送給基站。通常，rf電路410包括但不限於天線、至少一個放大器、收發信機、耦合器、低噪聲放大器(lownoiseamplifier，lna)、雙工器等。此外，rf電路410還可以通過無線通信與網絡和其他設備通信。上述無線通信可以使用任一通信標準或協議，包括但不限於全球移動通訊系統(globalsystemofmobilecommunication，gsm)、通用分組無線服務(generalpacketradioservice，gprs)、碼分多址(codedivisionmultipleaccess，cdma)、寬帶碼分多址(widebandcodedivisionmultipleaccess,wcdma)、長期演進(longtermevolution，lte)、電子郵件、短消息服務(shortmessagingservice，sms)等。
存儲器420可用於存儲軟體程序以及模塊，處理器480通過運行存儲在存儲器420的軟體程序以及模塊，從而執行手機的各種功能應用以及數據處理。存儲器420可主要包括存儲程序區和存儲數據區，其中，存儲程序區可存儲作業系統、至少一個功能所需的應用程式(比如聲音播放功能、圖像播放功能等)等；存儲數據區可存儲根據手機的使用所創建的數據(比如音頻數據、電話本等)等。此外，存儲器420可以包括高速隨機存取存儲器，還可以包括非易失性存儲器，例如至少一個磁碟存儲器件、快閃記憶體器件、或其他易失性固態存儲器件。
輸入單元430可用於接收輸入的數字或字符信息，以及產生與手機的用戶設置以及功能控制有關的鍵信號輸入。具體地，輸入單元430可包括觸控面板431以及其他輸入設備432。觸控面板431，也稱為觸控螢幕，可收集用戶在其上或附近的觸摸操作(比如用戶使用手指、觸筆等任何適合的物體或附件在觸控面板431上或在觸控面板431附近的操作)，並根據預先設定的程式驅動相應的連接裝置。可選的，觸控面板431可包括觸摸檢測裝置和觸摸控制器兩個部分。其中，觸摸檢測裝置檢測用戶的觸摸方位，並檢測觸摸操作帶來的信號，將信號傳送給觸摸控制器；觸摸控制器從觸摸檢測裝置上接收觸摸信息，並將它轉換成觸點坐標，再送給處理器480，並能接收處理器480發來的命令並加以執行。此外，可以採用電阻式、電容式、紅外線以及表面聲波等多種類型實現觸控面板431。除了觸控面板431，輸入單元430還可以包括其他輸入設備432。具體地，其他輸入設備432可以包括但不限於物理鍵盤、功能鍵(比如音量控制按鍵、開關按鍵等)、軌跡球、滑鼠、操作杆等中的一種或多種。
顯示單元440可用於顯示由用戶輸入的信息或提供給用戶的信息以及手機的各種菜單。顯示單元440可包括顯示面板441，可選的，可以採用液晶顯示器(liquidcrystaldisplay，lcd)、有機發光二極體(organiclight-emittingdiode,oled)等形式來配置顯示面板441。進一步的，觸控面板431可覆蓋顯示面板441，當觸控面板431檢測到在其上或附近的觸摸操作後，傳送給處理器480以確定觸摸事件的類型，隨後處理器480根據觸摸事件的類型在顯示面板441上提供相應的視覺輸出。雖然在圖6中，觸控面板431與顯示面板441是作為兩個獨立的部件來實現手機的輸入和輸入功能，但是在某些實施例中，可以將觸控面板431與顯示面板441集成而實現手機的輸入和輸出功能。
手機還可包括至少一種傳感器450，比如光傳感器、運動傳感器以及其他傳感器。具體地，光傳感器可包括環境光傳感器及接近傳感器，其中，環境光傳感器可根據環境光線的明暗來調節顯示面板441的亮度，接近傳感器可在手機移動到耳邊時，關閉顯示面板441和/或背光。作為運動傳感器的一種，加速計傳感器可檢測各個方向上(一般為三軸)加速度的大小，靜止時可檢測出重力的大小及方向，可用於識別手機姿態的應用(比如橫豎屏切換、相關遊戲、磁力計姿態校準)、振動識別相關功能(比如計步器、敲擊)等；至於手機還可配置的陀螺儀、氣壓計、溼度計、溫度計、紅外線傳感器等其他傳感器，在此不再贅述。
音頻電路460、揚聲器461，傳聲器462可提供用戶與手機之間的音頻接口。音頻電路460可將接收到的音頻數據轉換後的電信號，傳輸到揚聲器461，由揚聲器461轉換為聲音信號輸出；另一方面，傳聲器462將收集的聲音信號轉換為電信號，由音頻電路460接收後轉換為音頻數據，再將音頻數據輸出處理器480處理後，經rf電路410以發送給比如另一手機，或者將音頻數據輸出至存儲器420以便進一步處理。
wifi屬於短距離無線傳輸技術，手機通過wifi模塊470可以幫助用戶收發電子郵件、瀏覽網頁和訪問流式媒體等，它為用戶提供了無線的寬帶網際網路訪問。雖然圖6示出了wifi模塊470，但是可以理解的是，其並不屬於手機的必須構成，完全可以根據需要在不改變發明的本質的範圍內而省略。
處理器480是手機的控制中心，利用各種接口和線路連接整個手機的各個部分，通過運行或執行存儲在存儲器420內的軟體程序和/或模塊，以及調用存儲在存儲器420內的數據，執行手機的各種功能和處理數據，從而對手機進行整體監控。可選的，處理器480可包括一個或多個處理單元；優選的，處理器480可集成應用處理器和調製解調處理器，其中，應用處理器主要處理作業系統、用戶界面和應用程式等，調製解調處理器主要處理無線通信。可以理解的是，上述調製解調處理器也可以不集成到處理器480中。
手機還包括給各個部件供電的電源490(比如電池)，優選的，電源可以通過電源管理系統與處理器480邏輯相連，從而通過電源管理系統實現管理充電、放電、以及功耗管理等功能。
儘管未示出，手機還可以包括攝像頭、藍牙模塊等，在此不再贅述。
在本發明實施例中，該終端所包括的處理器480還具有以下功能：獲取目標頁面在原始狀態下的頁面尺寸；當檢測到目標頁面處於目標狀態下時，確定與目標頁面的特徵類型相匹配的頁面適配模式；根據頁面適配模式調整頁面尺寸；使用調整後的頁面尺寸顯示目標頁面。
所屬領域的技術人員可以清楚地了解到，為描述的方便和簡潔，上述描述的系統，裝置和單元的具體工作過程，可以參考前述方法實施例中的對應過程，在此不再贅述。
在本申請所提供的幾個實施例中，應該理解到，所揭露的系統，裝置和方法，可以通過其它的方式實現。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現時可以有另外的劃分方式，例如多個單元或組件可以結合或者可以集成到另一個系統，或一些特徵可以忽略，或不執行。另一點，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，裝置或單元的間接耦合或通信連接，可以是電性，機械或其它的形式。
所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位於一個地方，或者也可以分布到多個網絡單元上。可以根據實際的需要選擇其中的部分或者全部單元來實現本實施例方案的目的。
另外，在本發明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的單元既可以採用硬體的形式實現，也可以採用軟體功能單元的形式實現。
所述集成的單元如果以軟體功能單元的形式實現並作為獨立的產品銷售或使用時，可以存儲在一個計算機可讀取存儲介質中。基於這樣的理解，本發明的技術方案本質上或者說對現有技術做出貢獻的部分或者該技術方案的全部或部分可以以軟體產品的形式體現出來，該計算機軟體產品存儲在一個存儲介質中，包括若干指令用以使得一臺計算機設備(可以是個人計算機，伺服器，或者網絡設備等)執行本發明各個實施例所述方法的全部或部分步驟。而前述的存儲介質包括：u盤、移動硬碟、只讀存儲器(rom，read-onlymemory)、隨機存取存儲器(ram，randomaccessmemory)、磁碟或者光碟等各種可以存儲程序代碼的介質。
以上所述，以上實施例僅用以說明本發明的技術方案，而非對其限制；儘管參照前述實施例對本發明進行了詳細的說明，本領域的普通技術人員應當理解：其依然可以對前述各實施例所記載的技術方案進行修改，或者對其中部分技術特徵進行等同替換；而這些修改或者替換，並不使相應技術方案的本質脫離本發明各實施例技術方案的精神和範圍。