[发明专利]网页式应用的显示适配方法及装置

权利要求书

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接口将所述图片的属性设置为在显示过程中设置成背景且仅显示一次，并判断所述图片的高度是否大于虚拟窗口的高度；若是，则将所述图片在所述虚拟窗口中局部显示；若否，则将所述图片在虚拟窗口中直接显示。