[发明专利]一种网页生成、显示方法和装置

说明书

技术领域

本发明涉及网页技术领域，特别是涉及一种网页显示方法、一种网页生成方法、一种网页显示装置和一种网页生成装置。

背景技术

随着移动设备的普及，移动网页的开发越来越多。但是，目前市场上移动终端的品牌、型号非常多，不同移动终端的屏幕尺寸、设备像素均有较大差别，不同屏幕尺寸、像素对网页的需求也不同，因此在网页开发过程中需要将网页与设备进行适配。

目前在移动网页与设备的适配方式主要是使用百分比来开发移动网页，该百分比的方式具备宽度适配能力，即网页根据屏幕宽度调整布局，例如在适配过程中网页内容的宽度超出屏幕宽度时，可以调整到下一行显示，因此该适配方式不能使用具有绝对宽度的元素。

但是，使用百分比的方式开发网页在后期的维护过程比较繁琐，每次移动网页的修改都需要手动计算比例并修改，影响网页的维护效率。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页生成、显示方法和相应的网页生成、显示装置。

依据本发明的一个方面，提供了一种网页显示方法，包括：

获取移动网页的网页数据，其中，所述网页数据中网页元素按照预设单位设置；

根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；

显示等比例调整后的移动网页。

可选地，还包括：

计算当前移动终端对应根元素的字体大小。

可选地，所述计算当前移动终端对应根元素的字体大小包括：

获取当前移动终端的屏幕尺寸信息，以及所述移动网页的设计稿宽度；

依据所述屏幕尺寸信息和设计稿宽度计算所述移动网页中根元素的字体大小。

可选地，所述根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整包括：

确定所述移动网页中各网页元素的元素尺寸；

按照所述根元素的字体大小和预设单位，对各网页元素的元素尺寸进行等比例缩放。

可选地，所述元素尺寸的单位为预设单位；

所述按照根元素的字体大小和预设单位，所述对各网页元素的元素尺寸进行等比例缩放包括：

确定所述根元素的字体大小和预设单位的比例；

依据所述比例对各网页元素的元素尺寸进行等比例缩放。

可选地，所述显示等比例调整后的移动网页之前，还包括：

根据当前移动终端的分辨率设置所述移动网页的网页显示区域。

根据本发明的另一方面，提供了一种网页生成方法，包括：

在移动网页开发过程中，按照所述预设单位设置移动网页中各网页元素，以供展示时根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；

依据所述网页元素生成移动网页的网页数据。

可选地，所述按照所述预设单位设置移动网页中各网页元素包括：

确定所述移动网页中各网页元素的尺寸信息；

按照预设单位对各网页元素的尺寸信息进行更新。

可选地，所述确定所述移动网页中各网页元素的尺寸信息包括：

采用层叠样式表处理器获取所述移动网页对应的层叠样式表；

从所述层叠样式表中获取各网页元素的尺寸信息。

可选地，所述按照预设单位对各网页元素的尺寸信息进行更新包括：

将所述尺寸信息中原始单位转换成预设单位；

按照预设单位更新所述层叠样式表中获取各网页元素的尺寸信息。

可选地，所述预设单位的大小依据根元素的字体大小确定。

可选地，所述层叠样式表处理器包括：层叠样式表预处理器或层叠样式表后处理器。

本发明还提供了一种网页显示装置，包括：

获取模块，用于获取移动网页的网页数据，其中，所述网页数据中网页元素按照预设单位设置；

调整模块，用于根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；

显示模块，用于显示等比例调整后的移动网页。

可选地，还包括：

根元素确定模块，用于计算当前移动终端对应根元素的字体大小。

可选地，所述根元素确定模块，用于获取当前移动终端的屏幕尺寸信息，以及所述移动网页的设计稿宽度；依据所述屏幕尺寸信息和设计稿宽度计算所述移动网页中根元素的字体大小。

可选地，所述调整模块，包括：