[发明专利]自适应显示方法、终端及计算机可读存储介质

说明书

技术领域

本发明涉及终端技术领域，尤其涉及一种自适应显示方法、终端及计算机可读存储介质。

背景技术

目前，为了适应不同市场用户群体的需求，不同品牌或同一品牌中不同型号的移动终端在屏幕分辨率、屏幕大小、字体、按键等地方都有可能不同。因此，在移动终端上应用各类网络业务时，移动终端的多样性就给网络业务的实现带来很大困难。

目前Web响应式框架基本都是基于CSS样式来控制的，通过CSS媒体属性判断屏幕大小，隐藏或者显示更多内容来达到更均衡展示信息的效果，另外一种比较多采用的方案是做两份Web页面，一种适配大屏幕的，一种适配小屏幕的，加载页面的时候通过重新加载切换到适配页面。这样做需要消耗大量的人力、物力和财力，从而导致了开发成本上升及开发效率的下降。

发明内容

本发明的主要目的在于提出一种自适应显示方法、终端及计算机可读存储介质，旨在解决能够现有技术中加载页面需要基于CSS样式来控制，导致的开发成本上升且开发效率的下降的问题。

为实现上述目的，本发明提供的一种自适应显示方法，所述方法包括：

获取移动终端的屏幕参数；

根据所述屏幕参数，向服务器请求与所述屏幕参数适配的显示参数及显示数据；

根据所述显示参数，解析所述显示数据，并显示所述解析后的显示数据。

进一步地，所述获取移动终端的屏幕参数的步骤，包括：

通过直译式脚本语言获取移动终端的屏幕参数，所述屏幕参数包括分辨率、屏幕尺寸，所述屏幕尺寸为当前分辨率下的宽度及高度。

进一步地，所述向服务器请求与所述屏幕参数适配的显示数据包括：向服务器请求资源文件路径或页面访问路径。

进一步地，所述根据所述显示参数，解析并显示所述显示数据的步骤，包括：

根据所述显示参数，通过直译式脚本语言渲染所述显示数据中的元素，得到所述解析后的显示数据。

进一步地，所述根据所述显示参数，通过直译式脚本语言渲染所述显示数据中的元素，得到所述解析后的显示数据的步骤，包括：

根据所述显示数据，创建DOM树，所述DOM树中的元素与所述显示数据中的元素一一对应。

此外，为实现上述目的，本发明又提出一种终端，所述终端包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现下述步骤：

获取移动终端的屏幕参数；

根据所述屏幕参数，向服务器请求与所述屏幕参数适配的显示参数及显示数据；

根据所述显示参数，解析所述显示数据，并显示所述解析后的显示数据。

进一步地，所述计算机程序被所述处理器执行时还实现下述步骤：

通过直译式脚本语言获取移动终端的屏幕参数，所述屏幕参数包括分辨率、屏幕尺寸，所述屏幕尺寸为当前分辨率下的宽度及高度。

进一步地，所述计算机程序被所述处理器执行时还实现下述步骤：

根据所述显示参数，通过直译式脚本语言渲染所述显示数据中的元素，得到所述解析后的显示数据。

进一步地，所述计算机程序被所述处理器执行时还实现下述步骤：

根据所述显示数据，创建DOM树，所述DOM树中的元素与所述显示数据中的元素一一对应。

此外，为实现上述目的，本发明还提出一种计算机可读存储介质，所述计算机可读存储介质上存储有自适应显示程序，所述自适应显示程序被处理器执行时实现上述自适应显示方法的步骤。

本发明提出的一种自适应显示方法、终端及计算机可读存储介质，在加载页面时，根据屏幕参数，向服务器请求与屏幕参数适配的显示参数，及显示数据，根据显示参数解析显示数据以实现根据屏幕大小自适应显示匹配的显示数据，无需隐藏数据，或者重新载入页面，减少数据加载量，并且减少开发成本。

附图说明

图1为实现本发明各个实施例的移动终端的硬件结构示意图；

图2为如图1所示的移动终端的无线通信系统示意图；

图3为本发明第一实施例提供的自适应显示方法的方法流程图；

图4为本发明第二实施例提供的自适应显示方法的方法流程图；

图5是本发明实施例三提供的终端的示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。