[發明專利]網頁式應用的顯示適配方法及裝置

在審

• 申請號: 201410438902.3
• 申請日: 2014-08-30
• 公開（公告）號: CN104199920A
• 公開（公告）日: 2014-12-10
• 發明（設計）人: 張小剛;蔣天雄
• 申請（專利權）人: 深圳市云來網絡科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 深圳市瑞方達知識產權事務所(普通合伙) 44314
• 代理人: 張約宗

1.一種網頁式應用的顯示適配方法，其特征在于：包括以下步驟：

S1：在移動終端上創設用于顯示Web頁面的虛擬窗口，并將所述虛擬窗口的寬度分辨率設置為固定值；

S2：加載圖片，設置所述圖片的寬度分辨率與所述虛擬窗口的寬度分辨率一致，并等比例縮放至所述圖片的寬度與所述虛擬窗口的寬度一致；

S3：將所述圖片設置成背景在所述虛擬窗口中顯示。

2.根據權利要求1所述的網頁式應用的顯示適配方法，其特征在于：所述步驟S1包括以下步驟：根據移動終端所使用的操作系統的不同，通過HTML5的API接口在所述移動終端中設置兼容不同操作系統的虛擬窗口，并將所述虛擬窗口的寬度分辨率設置為固定值。

3.根據權利要求2所述的網頁式應用的顯示適配方法，其特征在于：所述步驟S1包括以下步驟：

S11：通過HTML5的API接口判斷所述移動終端的操作系統是否為ANDROID系統；若是，則執行步驟S12；若否，則執行步驟S13；

S12：再判斷是否為ANDROID2.3以上系統，若是，則將所述移動終端中創設的所述虛擬窗口的寬度分辨率設置為固定值，最大縮放和最小縮放設置為所述移動終端的屏幕尺寸，屏幕像素密度設置為所述移動終端屏幕像素密度；若否；則將所述移動終端中創設的所述虛擬窗口的寬度分辨率設置為固定值，屏幕像素密度設置為所述移動終端屏幕像素密度；

S13：將所述移動終端中創設的所述虛擬窗口的寬度分辨率設置為固定值，禁止用戶手動調整縮放，屏幕像素密度設置為所述移動終端屏幕像素密度。

4.根據權利要求3所述的網頁式應用的顯示適配方法，其特征在于：所述步驟S2包括：判斷所述圖片的寬度分辨率與所述虛擬窗口的寬度分辨率是否一致，若一致，則直接將所述圖片等比例縮放至圖片的寬度與所述虛擬窗口的寬度一致；若不一致，則調整所述圖片的寬度分辨率與所述虛擬窗口的寬度分辨率一致，再將所述圖片等比例縮放至圖片的寬度與所述虛擬窗口的寬度一致。

5.根據權利要求4所述的網頁式應用的顯示適配方法，其特征在于：所述步驟S3包括：通過HTML5的API接口將所述圖片的屬性設置為在顯示過程中設置成背景且僅顯示一次，并判斷所述圖片的高度是否大于虛擬窗口的高度；若是，則將所述圖片在所述虛擬窗口中局部顯示；若否，則將所述圖片在虛擬窗口中直接顯示。

6.根據權利要求5所述的網頁式應用的顯示適配方法，其特征在于：所述“將所述圖片在所述虛擬窗口中局部顯示”包括：將所述圖片放置在所述虛擬窗口的左上角、右上角、左下角或右下角，顯示所述圖片在所述虛擬窗口以內的部分。

7.一種網頁式應用的顯示適配裝置，其特征在于：包括：

窗口設置單元（10）：用于在移動終端上創設用于顯示Web頁面的虛擬窗口，并將所述虛擬窗口的寬度分辨率設置為固定值；

圖片加載單元（20）：用于加載圖片，設置所述圖片的寬度分辨率與所述虛擬窗口的寬度分辨率一致，并等比例縮放至所述圖片的寬度與所述虛擬窗口的寬度一致；

顯示適配單元（30）：用于將所述圖片設置成背景在所述虛擬窗口中顯示。

8.根據權利要求7所述的網頁式應用的顯示適配裝置，其特征在于：所述窗口設置單元（10）包括：根據移動終端所使用的操作系統的不同，通過HTML5的API接口在所述移動終端中設置兼容不同操作系統的虛擬窗口，并將所述虛擬窗口的寬度分辨率設置為固定值。

9.根據權利要求7所述的網頁式應用的顯示適配裝置，其特征在于：所述圖片加載單元（20）包括：判斷所述圖片的寬度分辨率與所述虛擬窗口的寬度分辨率是否一致，若一致，則直接將所述圖片等比例縮放至圖片的寬度與所述虛擬窗口的寬度一致；若不一致，則調整所述圖片的寬度分辨率與所述虛擬窗口的寬度分辨率一致，再將所述圖片等比例縮放至圖片的寬度與所述虛擬窗口的寬度一致。

10.根據權利要求7所述的網頁式應用的顯示適配裝置，其特征在于：所述顯示適配單元（30）包括：通過HTML5的API接口將所述圖片的屬性設置為在顯示過程中設置成背景且僅顯示一次，并判斷所述圖片的高度是否大于虛擬窗口的高度；若是，則將所述圖片在所述虛擬窗口中局部顯示；若否，則將所述圖片在虛擬窗口中直接顯示。