本申请涉及页面显示技术领域,更具体地说,涉及一种应用页面显示方法及装置。
背景技术:
浏览器打开后会有一个窗口,窗口的大小决定了呈现给用户的数据量。浏览器排版容器尺寸通常与浏览器窗口区域一致。
在嵌入式浏览器中,窗口区域尺寸通常都是固定的,与当前硬件分辨率一致,如高清机顶盒的分辨率和窗口区域尺寸都是1280*720。
随着用户对高清晰节目的需求,越来越多的标清应用被高清应用所替换。机顶盒等硬件设备的分辨率也按照高清应用的标准设计。但是,标清应用并未彻底取消,也就需要机顶盒能够同时支持高清应用及标清应用的页面显示。现有高清机顶盒在显示应用页面时,统一按照高清应用的排版容器尺寸进行排版,排版后直接上屏显示。当应用页面为标清应用的页面时,由于标清应用的显示尺寸大部分为720*576或640*526,其与高清应用的排版容器尺寸不相符,因此会出现排版后显示的页面内容位于窗口区域的左上方,而不是铺满全屏,严重影响观看质量。
技术实现要素:
有鉴于此,本申请提供了一种应用页面显示方法及装置,以解决现有高清机顶盒对标清应用页面显示效果差,影响观看质量的问题。
为了实现上述目的,现提出的方案如下:
一种应用页面显示方法,应用于机顶盒,该方法包括:
获取待显示的目标应用页面;
解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率;
基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。
优选地,所述解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率,包括:
解析所述目标应用页面的主体body标签,获取body的样式,所述样式包括页面尺寸;
将所述样式包括的页面尺寸作为所述目标应用页面的分辨率。
优选地,所述解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率,包括:
解析所述目标应用页面的主体body标签,获取body的背景图尺寸;
将所述body的背景图尺寸作为所述目标应用页面的分辨率。
优选地,所述解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率,包括:
解析所述目标应用页面的主体body标签,判断是否存在body的样式,所述样式包括页面尺寸;
若存在,获取所述body的样式,并将所述样式包括的页面尺寸作为所述目标应用页面的分辨率;
若不存在,获取body的背景图尺寸,将所述body的背景图尺寸作为所述目标应用页面的分辨率。
优选地,所述基于所述目标应用页面的分辨率,对所述目标应用页面进行显示,包括:
调用WEB引擎,将所述目标应用页面对应的排版容器的尺寸更改为所述目标应用页面的分辨率;
利用所述目标应用页面对应的排版容器,对所述目标应用页面进行排版;
将排版后的目标应用页面拉伸至所述机顶盒的分辨率对应的画布上,得到目标画布内容;
将所述目标画布内容上屏显示。
一种应用页面显示装置,应用于机顶盒,该装置包括:
页面获取单元,用于获取待显示的目标应用页面;
Body标签解析单元,用于解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率;
页面显示单元,用于基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。
优选地,所述Body标签解析单元包括:
Body样式获取单元,用于解析所述目标应用页面的主体body标签,获取body的样式,所述样式包括页面尺寸;
样式尺寸定义单元,用于将所述样式包括的页面尺寸作为所述目标应用页面的分辨率。
优选地,所述Body标签解析单元包括:
背景图尺寸获取单元,用于解析所述目标应用页面的主体body标签,获取body的背景图尺寸;
背景图尺寸定义单元,用于将所述body的背景图尺寸作为所述目标应用页面的分辨率。
优选地,所述Body标签解析单元包括:
第一Body标签解析子单元,用于解析所述目标应用页面的主体body标签,判断是否存在body的样式,所述样式包括页面尺寸;
第二Body标签解析子单元,用于在所述第一Body标签解析子单元判断结果为是时,获取所述body的样式,并将所述样式包括的页面尺寸作为所述目标应用页面的分辨率;
第三Body标签解析子单元,用于在所述第一Body标签解析子单元判断结果为否时,获取body的背景图尺寸,将所述body的背景图尺寸作为所述目标应用页面的分辨率。
优选地,所述页面显示单元包括:
排版容器尺寸更改单元,用于调用WEB引擎,将所述目标应用页面对应的排版容器的尺寸更改为所述目标应用页面的分辨率;
排版处理单元,用于利用所述目标应用页面对应的排版容器,对所述目标应用页面进行排版;
画布拉伸单元,用于将排版后的目标应用页面拉伸至所述机顶盒的分辨率对应的画布上,得到目标画布内容;
目标画布显示单元,用于将所述目标画布内容上屏显示。
从上述的技术方案可以看出,本申请实施例提供的应用页面显示方法,获取待显示的目标应用页面;解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率;基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。由于应用页面设计者设计的页面分辨率会体现在页面的主体body标签中,本申请通过解析待显示的目标应用页面的body标签,获取目标应用页面的分辨率,进而基于该分辨率对目标应用页面进行显示,本申请是按照待显示目标页面对应的分辨率进行显示,而非按照统一的一个分辨率进行显示,保证目标页面显示效果会铺满全屏,不会影响观看质量。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请实施例公开的一种应用页面显示方法流程图;
图2a为现有技术显示效果示意图;
图2b为本申请显示效果示意图;
图3为本申请实施例公开的另一种应用页面显示方法流程图;
图4为本申请实施例公开的又一种应用页面显示方法流程图;
图5为本申请实施例公开的又一种应用页面显示方法流程图;
图6为本申请实施例公开的又一种应用页面显示方法流程图;
图7为本申请实施例公开的一种应用页面显示装置结构示意图。
具体实施方式
在介绍本申请方案之前首先对文中会提及的专业名词进行解释:
机顶盒:一种依托电视终端提供综合信息业务的家电设备。使用户能在现有电视机上观看数字电视节目,并可通过网络进行交互式数字化娱乐、教育和商业化活动。
浏览器:万维网(Web)服务的客户端浏览程序。可向万维网(Web)服务器发送各种请求,并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。
Body标签:body元素是定义文档的主体。body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
接下来介绍本申请方案,参见图1,图1为本申请实施例公开的一种应用页面显示方法流程图。
如图1所示,该方法包括:
步骤S100、获取待显示的目标应用页面;
具体地,机顶盒的浏览器可以显示不同应用的页面。本步骤中,获取待显示的目标应用页面。这里,目标应用页面是一个网页文档,其包括头部Head和主体Body两大部分。
步骤S110、解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率;
具体地,由于应用页面设计者设计的页面分辨率会体现在页面的主体body标签中,应用页面的排版布局大小,一般与body样式大小一致。本申请通过解析待显示的目标应用页面的body标签,获取目标应用页面的分辨率。
步骤S120、基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。
具体地,在获取到目标应用页面的分辨率之后,可以按照目标应用页面的分辨率进行显示,而无需像现有技术那样按照统一设定的分辨率对不同应用页面进行显示,保证应用页面显示效果会铺满全屏。
本申请实施例提供的应用页面显示方法,获取待显示的目标应用页面;解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率;基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。由于应用页面设计者设计的页面分辨率会体现在页面的主体body标签中,本申请通过解析待显示的目标应用页面的body标签,获取目标应用页面的分辨率,进而基于该分辨率对目标应用页面进行显示,本申请是按照待显示目标页面对应的分辨率进行显示,而非按照统一的一个分辨率进行显示,保证目标页面显示效果会铺满全屏,不会影响观看质量。
为了对比现有技术与本申请方案效果,参见图2a和图2b,其中,图2a为现有技术显示效果示意图,图2b为本申请显示效果示意图。
假设机顶盒为高清机顶盒,其分辨率为高清应用的分辨率。现有技术按照高清应用分辨率对一个标清应用页面进行排版,显示后效果如图2a,其中标清应用页面110显示在屏幕100的左上角,并未铺满全屏。
本申请中,通过解析标清应用页面的body标签,获取标清应用页面的分辨率,并按照该分辨率对标清应用页面进行显示,显示效果如图2b。其中,标清应用页面110显示在屏幕100的整个区域,铺满全屏。
参见图3,图3为本申请实施例公开的另一种应用页面显示方法流程图。
如图3所示,该方法包括:
步骤S300、获取待显示的目标应用页面;
具体地,机顶盒的浏览器可以显示不同应用的页面。本步骤中,获取待显示的目标应用页面。这里,目标应用页面是一个网页文档,其包括头部Head和主体Body两大部分。
步骤S310、解析所述目标应用页面的主体body标签,获取body的样式,所述样式包括页面尺寸;
具体地,body的样式style记录有页面尺寸,如:
style=width:720px;heigh:575px。
其中,width和heigh定义了页面宽度和高度,即页面尺寸。
步骤S320、将所述样式包括的页面尺寸作为所述目标应用页面的分辨率;
在上一步骤中获取到body的样式之后,将样式包括的页面尺寸定位为目标应用页面的分辨率。
步骤S330、基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。
对比于上一实施例可知,本实施例中具体介绍了一种解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率的实现方式,具体地为通过解析目标应用页面的主体body标签,获取body的样式,所述样式包括页面尺寸,将该页面尺寸确定为目标应用页面的分辨率。
参见图4,图4为本申请实施例公开的又一种应用页面显示方法流程图。
如图4所示,该方法包括:
步骤S400、获取待显示的目标应用页面;
具体地,机顶盒的浏览器可以显示不同应用的页面。本步骤中,获取待显示的目标应用页面。这里,目标应用页面是一个网页文档,其包括头部Head和主体Body两大部分。
步骤S410、解析所述目标应用页面的主体body标签,获取body的背景图尺寸;
具体地,目标应用页面的body的背景图尺寸与目标应用页面的分辨率相同,通过获取body的背景图尺寸,即可确定目标应用页面的分辨率。
步骤S420、将所述body的背景图尺寸作为所述目标应用页面的分辨率;
在上一步骤中获取到body的背景图尺寸之后,将body的背景图尺寸确定位为目标应用页面的分辨率。
步骤S430、基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。
对比于上一实施例可知,本实施例中具体介绍了另一种解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率的实现方式,具体地为通过解析目标应用页面的主体body标签,获取body的背景图尺寸,将body的背景图尺寸确定位为目标应用页面的分辨率。
结合上述两种获取目标应用页面分辨率的实现方式,本申请又一个实施例中进一步介绍了又一种应用页面显示方法。
如图5所示,该方法包括:
步骤S500、获取待显示的目标应用页面;
具体地,机顶盒的浏览器可以显示不同应用的页面。本步骤中,获取待显示的目标应用页面。这里,目标应用页面是一个网页文档,其包括头部Head和主体Body两大部分。
步骤S510、解析所述目标应用页面的主体body标签,判断是否存在body的样式;若是,执行步骤S520,若否,执行步骤S530;
其中,所述样式包括页面尺寸。
步骤S520、获取所述body的样式,并将所述样式包括的页面尺寸作为所述目标应用页面的分辨率;
步骤S530、获取body的背景图尺寸,将所述body的背景图尺寸作为所述目标应用页面的分辨率;
步骤S540、基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。
本实施例中将上述两种获取目标应用页面分辨率的方式进行结合,首先判断是否存在body样式,如果存在,则据此获取目标应用页面的分辨率,否则,获取body的背景图尺寸,将所述body的背景图尺寸作为所述目标应用页面的分辨率。
参见图6,图6为本申请实施例公开的又一种应用页面显示方法流程图。
如图6所示,该方法包括:
步骤S600、获取待显示的目标应用页面;
具体地,机顶盒的浏览器可以显示不同应用的页面。本步骤中,获取待显示的目标应用页面。这里,目标应用页面是一个网页文档,其包括头部Head和主体Body两大部分。
步骤S610、解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率;
步骤S620、调用WEB引擎,将所述目标应用页面对应的排版容器的尺寸更改为所述目标应用页面的分辨率;
步骤S630、利用所述目标应用页面对应的排版容器,对所述目标应用页面进行排版;
步骤S640、将排版后的目标应用页面拉伸至所述机顶盒的分辨率对应的画布上,得到目标画布内容;
具体地,如果目标应用页面的分辨率与机顶盒的分辨率不同,则需要将排版后的目标应用页面拉伸至所述机顶盒的分辨率对应的画布上。当然,如果二者相同,则不需要进行此操作。
步骤S650、将所述目标画布内容上屏显示。
本实施例中介绍了基于目标应用页面的分辨率,对目标应用页面进行显示的过程。
下面对本申请实施例提供的应用页面显示装置进行描述,下文描述的应用页面显示装置与上文描述的应用页面显示方法可相互对应参照。
参见图7,图7为本申请实施例公开的一种应用页面显示装置结构示意图。
如图7所示,该装置包括:
页面获取单元71,用于获取待显示的目标应用页面;
Body标签解析单元72,用于解析所述目标应用页面的主体body标签,获取所述目标应用页面的分辨率;
页面显示单元73,用于基于所述目标应用页面的分辨率,对所述目标应用页面进行显示。
本申请通过解析待显示的目标应用页面的body标签,获取目标应用页面的分辨率,进而基于该分辨率对目标应用页面进行显示,本申请是按照待显示目标页面对应的分辨率进行显示,而非按照统一的一个分辨率进行显示,保证目标页面显示效果会铺满全屏,不会影响观看质量。
本申请实施例介绍了Body标签解析单元的几种可选组成结构,分别如下:
第一种,所述Body标签解析单元可以包括:
Body样式获取单元,用于解析所述目标应用页面的主体body标签,获取body的样式,所述样式包括页面尺寸;
样式尺寸定义单元,用于将所述样式包括的页面尺寸作为所述目标应用页面的分辨率。
第二种,所述Body标签解析单元可以包括:
背景图尺寸获取单元,用于解析所述目标应用页面的主体body标签,获取body的背景图尺寸;
背景图尺寸定义单元,用于将所述body的背景图尺寸作为所述目标应用页面的分辨率。
第三种,所述Body标签解析单元可以包括:
第一Body标签解析子单元,用于解析所述目标应用页面的主体body标签,判断是否存在body的样式,所述样式包括页面尺寸;
第二Body标签解析子单元,用于在所述第一Body标签解析子单元判断结果为是时,获取所述body的样式,并将所述样式包括的页面尺寸作为所述目标应用页面的分辨率;
第三Body标签解析子单元,用于在所述第一Body标签解析子单元判断结果为否时,获取body的背景图尺寸,将所述body的背景图尺寸作为所述目标应用页面的分辨率。
可选的,所述页面显示单元可以包括:
排版容器尺寸更改单元,用于调用WEB引擎,将所述目标应用页面对应的排版容器的尺寸更改为所述目标应用页面的分辨率;
排版处理单元,用于利用所述目标应用页面对应的排版容器,对所述目标应用页面进行排版;
画布拉伸单元,用于将排版后的目标应用页面拉伸至所述机顶盒的分辨率对应的画布上,得到目标画布内容;
目标画布显示单元,用于将所述目标画布内容上屏显示。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。