CN107786882A

CN107786882A - 一种网页显示方法、装置及机顶盒

Info

Publication number: CN107786882A
Application number: CN201710937353.8A
Authority: CN
Inventors: 王雄才
Original assignee: Hisense Broadband Multimedia Technology Co Ltd
Current assignee: Hisense Broadband Multimedia Technology Co Ltd
Priority date: 2017-09-30
Filing date: 2017-09-30
Publication date: 2018-03-09

Abstract

本发明提供一种网页显示方法、装置及机顶盒，解析从服务器上下载的初始网页的内容数据，以确定所述初始网页的第一分辨率，基于所述浏览器的默认显示分辨率和所述第一分辨率的比例关系，确定所述初始网页由所述第一分辨率切换至所述默认显示分辨率显示所采用的比例因子，并将所述比例因子以全局属性的形式存储，根据所述内容数据对所述初始网页进行布局和绘图，以生成所述目标网页，按所述比例因子将所述目标网页进行缩放显示，确定初始网页切换至默认显示分辨率下进行显示所采用的比例因子，并将该比例因子以全局参数进行存储，使得网页按照与其自身分辨率所对应的比例因子进行缩放处理后并进行同步显示，提高用户观看体验。

Description

一种网页显示方法、装置及机顶盒

技术领域

本发明涉及浏览器显示技术领域，尤其涉及一种网页显示方法、装置及机顶盒。

背景技术

为更好地适应互联网的飞速发展的趋势，充分有效地利用互联网资源，IPTV既交互式网络电视已成为重要的家电娱乐设备。在数字电视领域内，IPTV机顶盒与电视机相连，由IPTV机顶盒通过内置浏览器从互联网获取网页数据，并利用内核将网页数据进行解析、渲染，在浏览器的显示页面上将网页数据进行展示，以供用户浏览。

常见的网页尺寸包括：标清分辨率(640*530)和高清分辨率(1280*720)。由于不同网页的尺寸可能不同，因此当用户通过IPTV机顶盒浏览页面时，浏览器需要根据网页的尺寸对网页进行缩放处理，以使不同分辨率的网页均可在浏览器的显示窗口内进行展示。

而目前IPTV机顶盒默认显示分辨率为高清分辨率(1280*720)，因此，IPTV机顶盒在对高清分辨率的网页进行显示时，无需对网页进行缩放处理。当IPTV机顶盒对标清分辨率的网页进行显示时，需浏览器对网页进行缩放处理，而浏览器默认的缩放技术是对网页的宽度和高度进行等比例缩放，因标清分辨率和高清分辨率（既IPTV机顶盒默认的显示分辨率）的比例尺寸不同，若将标清分辨率页面进行等比例缩放，会使得页面在浏览器上不完全显示，需用户调整页面显示位置以浏览整个页面，而此缩放技术之所以在PC等设备上得以广泛应用，是因为通过PC设备中的鼠标可拖拽滚动条或滑动鼠标滚轮可快速浏览等比例缩放的网页，而IPTV机顶盒用户通过遥控器不便于以上操作，影响用户体验。再者，请参照图1所示，网页制作并显示是基于多线程机制所执行，包括用于下载和解析网页内容数据的线程1，用于根据网页内容数据进行布局和绘图的线程2以及用于显示网页的线程3，而IPTV机顶盒在显示不同分辨率的网页时，对网页的缩放处理是在布局和绘图线程2中所执行，即对线程2中的各个元素对象进行缩放处理，但线程2的处理时间随元素对象的增多而延长，部分元素对象在未完成绘图和布局的情况下即进行缩放，使得缩放处理在将网页进行显示之前提前暴露，导致页面在缩放和显示之间出现异步。

因此，针对上述不足，如何将不同分辨率的网页进行显示时，使得网页按照与其自身分辨率所对应的比例因子进行缩放，并将缩放后的网页同步显示，是本领域技术人员亟待解决的技术问题。

发明内容

本发明提供了一种网页显示方法、装置及机顶盒，将不同分辨率的网页切换显示时，使得网页按照与其自身分辨率所对应的高度缩放系数和宽度缩放系数进行缩放，并将缩放后的网页同步显示，以改善网页缩放处理和显示的同步性，提高用户观看体验。

根据本发明实施例的第一方面，提供了一种机顶盒内置浏览器的网页显示方法，包括：

解析从服务器上下载的初始网页的内容数据，以确定所述初始网页的第一分辨率；

确定所述第一分辨率与默认显示分辨率的比例因子，并将所述比例因子以全局属性的形式存储，所述比例因子包括高度缩放系数和宽度缩放系数；

根据所述内容数据对所述初始网页进行布局和绘图，以生成目标网页；

显示按所述比例因子进行缩放处理后的所述目标网页。

根据本发明实施例的第二方面，还提供了一种机顶盒内置浏览器的网页显示装置，包括：

解析模块：用于解析从服务器上下载的初始网页的内容数据，以确定所述初始网页的第一分辨率；

处理模块：用于确定所述第一分辨率与默认显示分辨率的比例因子，并将所述比例因子以全局属性的形式存储，所述比例因子包括高度缩放系数和宽度缩放系数；

生成模块：用于根据所述内容数据对所述初始网页进行布局和绘图，以生成目标网页；

显示模块：用于显示按所述比例因子进行缩放处理后的所述目标网页。

根据本发明实施例的第三方面，还提供了一种机顶盒，包括浏览器和第二方面所提供的网页显示装置。

由以上技术方案可见，本发明实施例提供的一种网页显示方法、装置及机顶盒，将所下载的初始网页的内容数据进行解析，确定该初始网页的第一分辨率，根据默认显示分辨率和第一分辨率的比例关系，确定将初始网页按默认显示分辨率进行显示时所采用的比例因子并将比例因子以全局属性的形式进行存储，以使比例因子在任意线程下均可被采用，根据所下载的内容数据对初始网页进行布局和绘图，在生成用于展现网页内容信息的目标网页之后，从全局属性信息中获取所存储的比例因子，并按比例因子将目标网页进行缩放显示，使得网页按照与其自身分辨率所对应的比例因子进行缩放处理后并进行同步显示，以改善网页缩放处理和显示的同步性，提高用户观看体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本发明。

附图说明

为了更清楚地说明本发明的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为现有技术中网页处理线程示意图；

图2为本发明实施例一提供的一种网页显示方法的流程示意图；

图3为本发明实施例二提供的一种网页显示装置的结构示意图；

图4为本发明实施例三提供的一种机顶盒的结构示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。此外，为了便于清楚描述本发明实施例的技术方案，在本发明的实施例中，采用了“第一”、“第二”等字样对功能和作用基本相同的相同项或相似项进行区分，本领域技术人员可以理解“第一”、“第二”等字样并不是在对数量和执行次序进行限定。

实施例一

针对于现有技术中IPTV高清机顶盒在处理并显示标清分辨率的网页时，将标清分辨率网页的高、宽尺寸均按等比例进行缩放，使得网页在浏览器上不完全显示，用户需通过遥控器调整页面窗口位置以浏览整个页面信息，增加用户在浏览网页过程中的操作，降低用户体验的问题。

针对于现有技术中IPTV高清机顶盒在缩放显示标清分辨率的网页时，对网页的缩放处理和显示异步处理，使得当前页面的缩放比例系数不匹配与当前显示页面，影响网页的正常显示，本发明实施例提供了一种网页显示方法、装置及机顶盒，其核心原理是：将所下载的初始网页的内容数据进行解析，确定该初始网页的第一分辨率，根据浏览器的默认显示分辨率和第一分辨率的比例关系，确定将初始网页按默认显示分辨率进行显示时所采用的比例因子并将比例因子以全局属性的形式进行存储，根据所下载的内容数据对初始网页进行布局和绘图，在生成用于展现网页内容信息的目标网页之后，从全局属性信息中获取所存储的比例因子，并按比例因子将目标网页进行缩放显示，由此使得比例因子在任意线程下均可被采用，进而在显示页面生成后获取比例因子并进行缩放处理，使得网页按照与其自身分辨率所对应的比例因子进行缩放处理后并进行同步显示，以改善网页缩放处理和显示的同步性，提高用户观看体验。

需要说明的是，本发明的所提供的网页显示方法是基于机顶盒内置浏览器上所执行，既，将机顶盒内置浏览器中的不同分辨率的网页，即不同尺寸大小的网页，进行缩放显示。其中，该网页为EPG（电子用户指南）页面或VOD（点播视频）页面。

基于上述原理，下面将对本发明实施例提供的网页显示方法进行详细介绍。图1为本发明实施例提供的网页显示方法的流程示意图，请参见图2所示，该方法包括以下步骤：

S110，解析从服务器上下载的初始网页的内容数据，以确定所述初始网页的第一分辨率。

具体的，从服务器上下载初始网页的内容数据，该初始网页是指根据用户的手动操作或程序自动加载所指示的待显示的网页，为将该网页呈现给用户浏览，浏览器首先从服务器上下载该网页的内容数据，由HTML解释器对所下载的内容数据进行解析，以供布局和绘图线程所调用。该内容数据包括：meta标签、图片、样式和脚本，该内容数据用于生成呈现给用户浏览的目标网页，其中，meta标签是由HTML文档HEAD标记区的一个标签，meta标签位于HTML文档的<head>和<title>之间，meta标签提供页面尺寸（既分辨率）、文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定，meta标签中的page-view-size字段用于指示尺寸页面（既分辨率）大小，具体示意如下：

高清分辨率页面：<meta name=”page-view-size”content=”1280*720” />；

标清分辨率页面：<meta name=”page-view-size”content=”640*530” />；

非标准尺寸的标清页面：<meta name=”page-view-size”content=”644*534” />。

通过HTML解释器对meta标签中的page-view-size字段进行解析，即可确定初始网页的第一分辨率，既初始网页在宽度、高度方向上的尺寸大小，示例的，若确定初始网页的第一分辨率为640*530，即初始网页在宽度方向上的尺寸为640，在高度方向上的尺寸为530。

需要说明的是，高清IPTV机顶盒的默认显示分辨率为高清分辨率，高清IPTV机顶盒可按1：1的比例显示高清分辨率的网页，无需缩放处理，在本实施例所提供的方法中，网页的第一分辨率小于默认显示分辨率，既高清分辨率，因此，需要确定将第一分辨率尺寸的网页按默认显示分辨率尺寸进行显示时，所采用的在高度、宽度方向上的缩放系数，以使得网页按该缩放比例进行全屏显示。

还需要说明的是，在本发明实施例所提供的方法中，将网页进行缩放处理是指将具有第一分辨率尺寸的网页切换至按默认显示分辨率的尺寸进行显示，也就是说，是针对于网页的显示尺寸大小进行处理，以使得网页可全屏显示。

S120，确定所述第一分辨率与默认显示分辨率的比例因子，并将所述比例因子以全局属性的形式存储，所述比例因子包括高度缩放系数和宽度缩放系数。

具体的，根据在步骤S110中解析所得的第一分辨率确定初始网页在高度、宽度方向上的尺寸，并将其与默认显示分辨率的所确定的在高度、宽度上的显示尺寸之间的比例关系，确定第一分辨率的初始网页切换至默认显示分辨率进行显示时所采用比例因子，该比例因子包括高度缩放系数和宽度缩放系数，其具体确定过程为：

将默认显示分辨率与第一分辨率在高度方向上的比值确定为初始网页的高度缩放系数；将默认显示分辨率与第一分辨率在宽度方向上的比值确定为初始网页的宽度缩放系数。

示例的，默认显示分辨率为高清分辨率1280*720，当浏览器对标清分辨率的网页进行显示时，在步骤S110中确定初始网页的第一分辨率为640*530，将默认显示分辨率1280*720与第一分辨率640*530在高度方向上的比值720/530，既1.36，确定高度缩放系数，将默认显示分辨率1280*720与第一分辨率640*530在宽度方向上的比值1280/640，既2，确定为宽度缩放系数，高度缩放系数和宽度缩放系数为将网页在高度和宽度方向上进行缩放处理所采用。由于高度缩放系数和宽度缩放系数是根据第一分辨率与默认显示分辨率的比值所确定，而默认显示分辨率的网页可在浏览器全屏显示，无需缩放处理，则按高度缩放系数和宽度缩放系数进行缩放处理的目标网页可进行全屏显示。

需要说明的是，本实施例仅示例地给出了高清分辨率和标清分辨率的大小，以解释说明高度缩放系数和宽度缩放系数的确定过程，本发明实施例不局限于所示例出的高清分辨率和标清分辨率。

因此，根据第一分辨率与默认显示分辨率在高度、宽度方向上的比值，可确定将初始网页由第一分辨率切换为默认显示分辨率的大小进行显示时，所采用的高度缩放系数和宽度缩放系数，以使初始网页分别沿高度方向和宽度方向进行缩放处理，进而使得网页可全屏显示，以便用户无需遥控器的调整即可直接浏览整个页面信息。

将所确定比例因子以全局属性的形式进行存储，具体包括：将比例因子与初始网页的统一资源定位符共同组成存储字段，并将存储字段存储于存储器中，其中，以全局属性的形式进行存储的信息可供网页在生成、显示过程中所有任何元素在任一线程下进行调用，将比例因子以全局存储的形式存储于机顶盒内的存储器中，以准备为不同线程调用、读取该比例因子。

示例的，将所确定的宽度缩放系数和高度缩放系数赋值于value字段，将所解析的当前页面的url（统一资源定位符）赋值于key字段，由key字段与value字段共同组成存储字段，具体形式如下：

“key:http://127.0.0.1/a.html,value:2*1.36”；

“key:http://127.0.0.1/b.html,value:1*1”。

进一步的，url统一资源定位符是指示页面资源的位置和访问方法，与初始网页一一对应，url统一资源定位符是全局属性的信息，以全局属性的形式进行存储，在网页生成、显示过程中，所有元素在任一线程下都可调用、读取该url统一资源定位符，以确定页面的资源位置和访问方法，以此将比例因子与url统一资源定位符共同组成存储字段并以全局属性的形式进行存储，可使得任一线程下的任何元素均可获取该比例因子。

S130，根据所述内容数据对所述初始网页进行布局和绘图，以生成目标网页。

具体的，将S110中所下载的内容数据，如：图片、样式和脚本，进行解析并生成元素树，既内容数据中各元素的集合树状结构，遍历整个元素树，根据元素树上各元素的属性，对初始网页进行布局和绘图，进而生成展现于用户浏览的目标网页。

需要说明的是，现有技术对网页进行缩放处理是执行在对显示元素树遍历过程中，对各个可显示元素根据缩放比例因子沿高度、宽度方向进行缩放，因此，采用现有技术对网页进行缩放处理时，会存在以下两点不足：

1.将网页尺寸在高度、宽度方向进行同比例（同倍数）进行缩放处理，无法动态调整网页的显示尺寸，进而使得网页无法进行全屏显示；

2.网页的布局和绘图过程所需时间较长，且受网速影响较大，若在网页进行布局和绘图的同时按照缩放比例对可显示元素进行缩放处理，会使得部分可显示元素的布局绘图在未完成时就已按缩放比例进行显示，由此造成网页的缩放处理和显示出现异步，使得缩放在将网页进行显示之前提前暴露，影响用户浏览。

S140，显示按所述比例因子进行缩放处理后的所述目标网页。

针对上述问题，本发明实施例所提供的方法中，将用于缩放网页尺寸大小的比例因子预先确定并以全局属性的形式进行存储，在对内容数据进行解析后，对初始网页进行布局和绘图，获取所存储的比例因子并将目标网页进行缩放处理，进而将网页的显示与缩放步骤共同执行，以解决网页的显示和缩放步骤因数据加载缓慢而导致不同步的问题。

具体的，在对初始网页进行布局和绘图已生成目标网页后，从所存储的存储字段中获取比例因子，并以高度缩放系数和宽度缩放系数将目标网页分别沿高度方向和宽度方向进行缩放处理，以使目标网页按默认显示分辨率的尺寸进行全屏显示。进一步的，在S140中，网页的显示与缩放是同步执行，也就是说，用于进行缩放显示的客体是已生成的目标网页，并将所生成的目标网页按缩放比例进行调整并直接进行显示，包含有比例因子的存储字段是以全局属性的形式进行存储，因此，在S140中将显示页面进行显示的线程可直接获取所预先存储的比例因子，进而可将显示页面的缩放和显示在同一线程内进行执行，有效改善网页缩放处理和显示的同步性。

实施例二

结合上述网页显示方法，本发明实施例还提供了一种网页显示装置，请参见图3所示，该网页显示装置200包括：

解析模块210：用于解析从服务器上下载的初始网页的内容数据，以确定所述初始网页的第一分辨率；

处理模块220：用于确定所述第一分辨率与默认显示分辨率的比例因子，并将所述比例因子以全局属性的形式存储，所述比例因子包括高度缩放系数和宽度缩放系数；

生成模块230：用于根据所述内容数据对所述初始网页进行布局和绘图，以生成目标网页；

显示模块240：用于显示按所述比例因子进行缩放处理后的所述目标网页。

实施例三

结合上述网页显示方法和装置，本发明实施例还提供了一种机顶盒，请参见图4所示，该机顶盒300包括实施例二所提供的网页显示装置200和浏览器310。

在本申请所提供的几个实施例中，各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。

上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）或处理器（processor）执行本申请各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（Read-Only Memory，ROM）、随机存取存储器（Random Access Memory，RAM）、磁碟或者光盘等各种可以存储程序代码的介质。

本领域技术人员在考虑说明书及实践这里发明的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本发明未发明的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

Claims

1.一种机顶盒内置浏览器的网页显示方法，其特征在于，

显示按所述比例因子进行缩放处理后的所述目标网页。

2.根据权利要求1所述的网页显示方法，其特征在于，将所述比例因子以全局属性的形式存储，具体包括：

将所述比例因子与所述初始网页的统一资源定位符共同组成存储字段，并将所述存储字段存储至所述机顶盒内的存储器中。

3.根据权利要求2所述的网页显示方法，其特征在于，所述统一资源定位符与所述初始网页一一对应，且所述统一资源定位符以全局属性的形式存储。

4.根据权利要求2所述的网页显示方法，其特征在于，所述显示按所述比例因子进行缩放处理后的所述目标网页，具体包括：

获取所存储的所述存储字段中的所述比例因子，将所述目标网页按所述比例因子进行缩放，并将经缩放后的所述目标网页进行显示。

5.根据权利要求1所述的网页显示方法，其特征在于，所述确定所述第一分辨率与默认显示分辨率的比例因子，所述比例因子包括高度缩放系数和宽度缩放系数，具体包括：

将所述第一分辨率与所述默认显示分辨率在高度方向上的比值确定为所述高度缩放系数；

将所述第一分辨率与所述默认显示分辨率在宽度方向上的比值确定为所述宽度缩放系数。

6.根据权利要求1所述的网页显示方法，其特征在于，所述内容数据包括meta标签，所述meta标签中记载所述初始网页的所述第一分辨率。

7.根据权利要求1所述的网页显示方法，其特征在于，所述默认显示分辨率高于所述第一分辨率。

8.一种机顶盒内置浏览器的网页显示装置，其特征在于，包括：

9.一种机顶盒，其特征在于，包括浏览器和如权利要求8所述的网页显示装置。