一种网页生成、显示方法和装置制造方法及图纸

本发明专利技术实施例提供了一种网页生成、显示方法和装置，该网页显示方法，包括：获取移动网页的网页数据，其中，所述网页数据中网页元素按照预设单位设置；根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；显示等比例调整后的移动网页。基于本发明专利技术实施例，不同尺寸的移动设备无需单独开发网页，节省开发时间且能够提高用户体验。

Method and device for generating and displaying web pages

The embodiment of the invention, a web page generation display method and apparatus are provided, the web page display method, including: Web data, access to mobile web page, the web page elements in the data set according to the preset unit; according to the current mobile terminal corresponding to the root element of the font size and the default unit, such as adjusting the proportion of the mobile web page; mobile display ratio adjusted. Based on the embodiment of the invention, mobile devices of different sizes do not need to develop web pages separately, thereby saving development time and improving user experience.

【技术实现步骤摘要】
一种网页生成、显示方法和装置
本专利技术涉及网页
，特别是涉及一种网页显示方法、一种网页生成方法、一种网页显示装置和一种网页生成装置。
技术介绍
随着移动设备的普及，移动网页的开发越来越多。但是，目前市场上移动终端的品牌、型号非常多，不同移动终端的屏幕尺寸、设备像素均有较大差别，不同屏幕尺寸、像素对网页的需求也不同，因此在网页开发过程中需要将网页与设备进行适配。目前在移动网页与设备的适配方式主要是使用百分比来开发移动网页，该百分比的方式具备宽度适配能力，即网页根据屏幕宽度调整布局，例如在适配过程中网页内容的宽度超出屏幕宽度时，可以调整到下一行显示，因此该适配方式不能使用具有绝对宽度的元素。但是，使用百分比的方式开发网页在后期的维护过程比较繁琐，每次移动网页的修改都需要手动计算比例并修改，影响网页的维护效率。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的网页生成、显示方法和相应的网页生成、显示装置。依据本专利技术的一个方面，提供了一种网页显示方法，包括：获取移动网页的网页数据，其中，所述网页数据中网页元素按照预设单位设置；根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；显示等比例调整后的移动网页。可选地，还包括：计算当前移动终端对应根元素的字体大小。可选地，所述计算当前移动终端对应根元素的字体大小包括：获取当前移动终端的屏幕尺寸信息，以及所述移动网页的设计稿宽度；依据所述屏幕尺寸信息和设计稿宽度计算所述移动网页中根元素的字体大小。可选地，所述根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整包括：确定所述移动网页中各网页元素的元素尺寸；按照所述根元素的字体大小和预设单位，对各网页元素的元素尺寸进行等比例缩放。可选地，所述元素尺寸的单位为预设单位；所述按照根元素的字体大小和预设单位，所述对各网页元素的元素尺寸进行等比例缩放包括：确定所述根元素的字体大小和预设单位的比例；依据所述比例对各网页元素的元素尺寸进行等比例缩放。可选地，所述显示等比例调整后的移动网页之前，还包括：根据当前移动终端的分辨率设置所述移动网页的网页显示区域。根据本专利技术的另一方面，提供了一种网页生成方法，包括：在移动网页开发过程中，按照所述预设单位设置移动网页中各网页元素，以供展示时根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；依据所述网页元素生成移动网页的网页数据。可选地，所述按照所述预设单位设置移动网页中各网页元素包括：确定所述移动网页中各网页元素的尺寸信息；按照预设单位对各网页元素的尺寸信息进行更新。可选地，所述确定所述移动网页中各网页元素的尺寸信息包括：采用层叠样式表处理器获取所述移动网页对应的层叠样式表；从所述层叠样式表中获取各网页元素的尺寸信息。可选地，所述按照预设单位对各网页元素的尺寸信息进行更新包括：将所述尺寸信息中原始单位转换成预设单位；按照预设单位更新所述层叠样式表中获取各网页元素的尺寸信息。可选地，所述预设单位的大小依据根元素的字体大小确定。可选地，所述层叠样式表处理器包括：层叠样式表预处理器或层叠样式表后处理器。本专利技术还提供了一种网页显示装置，包括：获取模块，用于获取移动网页的网页数据，其中，所述网页数据中网页元素按照预设单位设置；调整模块，用于根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；显示模块，用于显示等比例调整后的移动网页。可选地，还包括：根元素确定模块，用于计算当前移动终端对应根元素的字体大小。可选地，所述根元素确定模块，用于获取当前移动终端的屏幕尺寸信息，以及所述移动网页的设计稿宽度；依据所述屏幕尺寸信息和设计稿宽度计算所述移动网页中根元素的字体大小。可选地，所述调整模块，包括：尺寸确定子模块，用于确定所述移动网页中各网页元素的元素尺寸；尺寸调整子模块，用于按照所述根元素的字体大小和预设单位，对各网页元素的元素尺寸进行等比例缩放。可选地，所述元素尺寸的单位为预设单位；所述尺寸调整子模块，用于确定所述根元素的字体大小和预设单位的比例；依据所述比例对各网页元素的元素尺寸进行等比例缩放。可选地，还包括：区域确定模块，用于根据当前移动终端的分辨率设置所述移动网页的网页显示区域。本专利技术还提供了一种网页生成装置，包括：元素设置模块，用于在移动网页开发过程中，按照所述预设单位设置移动网页中各网页元素，以供展示时根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；网页生成模块，用于依据所述网页元素生成移动网页的网页数据。可选地，所述元素设置模块，包括：尺寸确定模块，用于确定所述移动网页中各网页元素的尺寸信息；单位更新模块，用于按照预设单位对各网页元素的尺寸信息进行更新。可选地，所述尺寸确定模块，用于采用层叠样式表处理器获取所述移动网页对应的层叠样式表；从所述层叠样式表中获取各网页元素的尺寸信息。可选地，所述单位更新模块，用于将所述尺寸信息中原始单位转换成预设单位；按照预设单位更新所述层叠样式表中获取各网页元素的尺寸信息。可选地，所述预设单位的大小依据根元素的字体大小确定。可选地，所述层叠样式表处理器包括：层叠样式表预处理器或层叠样式表后处理器。根据本专利技术实施例，可以在开发移动网页时按照预设单位设置元素，从而采用该网页元素生成的网页数据，能够在解析时根据当前移动终端对应根元素的字体大小和预设单位进行等比例调整，使得在不同移动设备上显示的等比例调整后的移动网页都是相同的布局，不同尺寸的移动设备无需单独开发网页，节省开发时间且能够提高用户体验。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了根据本专利技术一个实施例的一种网页显示方法的步骤流程示意图；图2示出了根据本专利技术一个实施例的一种网页生成方法的步骤流程示意图；图3示出了根据本专利技术另一个实施例的一种网页生成方法的步骤流程示意图；图4示出了根据本专利技术另一个实施例的一种网页显示方法的步骤流程示意图；图5示出了根据本专利技术一个实施例的一种网页显示装置的结构框图；图6示出了根据本专利技术另一个实施例的一种网页显示装置的结构框图；图7示出了根据本专利技术一个实施例的一种网页生成装置的结构框图；以及图8示出了根据本专利技术另一个实施例的一种网页生成装置的结构框图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。目前市面上的移动终端拥有各种尺寸，有时不同厂商标示的屏幕尺寸相同，但是该屏幕实际尺寸确不同。为了让移动网页能够本文档来自技高网...

【技术保护点】
一种网页显示方法，包括：获取移动网页的网页数据，其中，所述网页数据中网页元素按照预设单位设置；根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；显示等比例调整后的移动网页。

【技术特征摘要】
1.一种网页显示方法，包括：获取移动网页的网页数据，其中，所述网页数据中网页元素按照预设单位设置；根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整；显示等比例调整后的移动网页。2.如权利要求1所述的方法，其中，还包括：计算当前移动终端对应根元素的字体大小。3.如权利要求2所述的方法，其中，所述计算当前移动终端对应根元素的字体大小包括：获取当前移动终端的屏幕尺寸信息，以及所述移动网页的设计稿宽度；依据所述屏幕尺寸信息和设计稿宽度计算所述移动网页中根元素的字体大小。4.如权利要求1所述的方法，其中，所述根据当前移动终端对应根元素的字体大小和预设单位，对所述移动网页进行等比例调整包括：确定所述移动网页中各网页元素的元素尺寸；按照所述根元素的字体大小和预设单位，对各网页元素的元素尺寸进行等比例缩放。5.如权利要求4所述的方法，其中，所述元素尺寸的单位为预设单位；所述按照根元素的字体大小和预设单位，所述对各网页元素的元素尺寸进行等比例缩放包括：确定所述根元素的字体大小和预设单位的比例；依据所述比例对各网页元素的元素尺寸进行等比例缩放。6.如权利要求1所述的方法，其...

【专利技术属性】
技术研发人员：李跃红，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：北京,11