[发明专利]网页页面展示方法、装置及存储介质

说明书

本发明公开了一种网页页面展示方法、装置及存储介质，属于计算机技术领域。方法包括：获取网页页面的配置数据，配置数据包括样式数据、内容数据和逻辑数据，逻辑数据用于描述计算缩放系数的运行逻辑；按照运行逻辑，获取网页页面的页面宽高比，并获取显示屏幕的屏幕宽高比，根据页面宽高比和屏幕宽高比，计算缩放系数；根据缩放系数，对配置数据中至少一个面板的尺寸以及至少一个面板中展示内容的尺寸进行调整，基于调整后的配置数据展示网页页面。本发明提高了灵活性，保证了网页页面能够适用于多种显示屏幕，避免出现展示效果不佳的问题，而且无需开发人员为网页页面设置尺寸范围对应的缩放系数，降低了对开发人员的要求，节省了人力成本。

本申请要求于2017年12月29日提交中国国家知识产权局、申请号为201711468408.1、发明名称为“网页页面展示方法、装置及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。

技术领域

本发明涉及计算机技术领域，特别涉及一种网页页面展示方法、装置及存储介质。

背景技术

随着互联网技术的快速发展，网页页面(Web页面)得到了广泛应用，很多种终端上均可以展示网页页面。而由于不同终端的显示屏幕不同，在不同的终端上展示同一网页页面时，会导致网页页面的展示效果不同。

通常在设置网页页面时，会由开发人员为网页页面配置CSS(Cascading StyleSheet，层叠样式表)文件，在CSS文件中设置一个显示屏幕的尺寸范围对应的缩放系数。当某一终端请求展示网页页面时，服务器会向终端发送网页页面和CSS文件，终端对CSS文件进行解析，确定该尺寸范围对应的缩放系数，如果本终端的显示屏幕的尺寸属于该尺寸范围，则将该尺寸范围对应的缩放系数确定为适用于本终端的缩放系数，之后按照该缩放系数对网页页面的尺寸进行调整，并展示调整后的网页页面。

在实现本发明实施例的过程中，发明人发现相关技术至少存在以下缺陷：上述展示方式要求开发人员在CSS文件中设置尺寸范围对应的缩放系数，对开发人员的要求过高，而且设置的缩放系数只能适用于尺寸属于该尺寸范围的显示屏幕，针对尺寸不属于该尺寸范围的显示屏幕易出现展示效果不佳的问题，因此具有局限性。

发明内容

本发明实施例提供了一种网页页面展示方法、装置及存储介质，可以解决展示方式具有局限性，对开发人员的要求过高的问题。所述技术方案如下：

第一方面，提供了一种网页页面展示方法，所述方法包括：

获取网页页面的配置数据，所述配置数据包括样式数据、内容数据和逻辑数据，所述样式数据用于描述所述网页页面中至少一个面板的展示样式，所述内容数据用于描述所述至少一个面板中的展示内容，所述逻辑数据用于描述计算缩放系数的运行逻辑；

按照所述运行逻辑，获取所述网页页面的页面宽高比，并获取显示屏幕的屏幕宽高比，根据所述页面宽高比和所述屏幕宽高比，计算缩放系数；

根据所述缩放系数，对所述配置数据中所述至少一个面板的尺寸以及所述至少一个面板中展示内容的尺寸进行调整，基于调整后的配置数据展示所述网页页面。

在一种可能实现方式中，所述样式数据包括所述至少一个面板的层级关系，用于描述下一层面板在上一层面板之中展示，所述获取所述网页页面的页面宽高比，包括：

获取所述至少一个面板中位于第一层的面板的宽度和高度，分别作为所述网页页面的宽度和高度；

根据所述网页页面的宽度和高度，计算所述页面宽高比。

在一种可能实现方式中，所述根据所述页面宽高比和所述屏幕宽高比，计算缩放系数，包括：

当所述页面宽高比大于所述屏幕宽高比时，计算所述网页页面的宽度与所述显示屏幕的宽度的比值，作为所述缩放系数；