一种机顶盒浏览器的网页缩放处理方法及系统与流程
本发明涉及IPTV(Internet Protocol Television，IP电视/交互式网络电视)机顶盒的网页缩放技术领域，具体来讲是一种机顶盒浏览器的网页缩放处理方法及系统。
背景技术：
基于运营商定制的IPTV机顶盒，在普通用户家庭中完成开通和放装后，开机进行网络接入和认证并接入运营商平台，可支持EPG(Electronic Program Guide，电子节目指南)显示浏览，音、视频播放，游戏，卡拉OK等多种特色应用功能。
而随着主流芯片厂商4K机顶盒芯片发布，要求机顶盒输出的视频画质、网页显示效果也越来越高。当前，常见网页的尺寸包括：标清分辨率(640*530)、高清分辨率(1280*720)、超高清分辨率(1920*1080)。由于不同网页的尺寸可能不同，因此当用户通过机顶盒访问平台的EPG时，浏览器需要根据页面的尺寸对网页缩放处理，实现网页间的动态切换。
传统的网页缩放方法依赖网页的<meta>标签，必须在网页头部<head>中插入<meta>，该标签携带属性名“name”为“page-view-size”，标签属性名“content”中携带网页的分辨率尺寸，比如<meta name＝"page-view-size"content＝"1280*720">，浏览器根据该分辨率尺寸对网页进行缩放处理并全屏显示。但实际操作中，由于网页设计人员对网页的写法千差万别，很多网页在设计编写时并未携带<meta>标签，因此，传统的网页缩放方法会因无法获取<meta>标签而导致网页缩放显示出现异常，影响用户体验。
技术实现要素：
本发明的目的是为了克服上述背景技术的不足，提供一种机顶盒浏览器的网页缩放处理方法及系统，能降低对<meta>标签的依赖性，提升网页缩放处理灵活性，有效避免了缩放显示的异常，用户体验佳。
为达到以上目的，本发明采取的技术方案是：提供一种机顶盒浏览器的网页缩放处理方法，该方法包括以下步骤：
步骤S1：浏览器通过加载页面URL，从网页平台下载对应的HTML页面，转入步骤S2；
步骤S2：判断下载的HTML页面的<BODY>标签中是否包含背景图片或定义页面尺寸的背景样式，若包含，则获取相应的宽度值、高度值，并分别作为网页元素的宽度值、高度值，转入步骤S4；若不包含，则转入步骤S3；
步骤S3：通过解析下载的HTML页面的所有<DIV>标签，计算得到所有<DIV>标签中的最大宽度值、最大高度值，并分别作为网页元素的宽度值、高度值，转入步骤S4；
步骤S4：根据当前网页元素的宽度值和高度值，确定下载的HTML页面的分辨率尺寸；按确定的分辨率尺寸对网页进行相应缩放处理并显示，结束。
本发明还提供一种基于上述方法的机顶盒浏览器的网页缩放处理系统，该系统包括HTML页面下载模块、网页尺寸获取模块、网页尺寸计算模块和网页缩放处理模块；
所述HTML页面下载模块用于：通过加载页面URL，从网页平台下载对应的HTML页面，并向网页尺寸获取模块发送获取信号；
所述网页尺寸获取模块用于：收到获取信号后，判断下载的HTML页面的<BODY>标签中是否包含背景图片或定义页面尺寸的背景样式，若包含，则获取相应的宽度值、高度值，并分别作为网页元素的宽度值、高度值，向网页缩放处理模块发送处理信号；若不包含，则向网页尺寸计算模块发送计算信号；
所述网页尺寸计算模块用于：收到计算信号后，通过解析下载的HTML页面的所有<DIV>标签，计算得到所有<DIV>标签中的最大宽度值、最大高度值，并分别作为网页元素的宽度值、高度值，向网页缩放处理模块发送处理信号；
所述网页缩放处理模块用于：收到处理信号后，根据当前网页元素的宽度值和高度值，确定下载的HTML页面的分辨率尺寸；按确定的分辨率尺寸对网页进行相应缩放处理并显示。
本发明的有益效果在于：
本发明通过获取或计算HTML页面的<BODY>、<DIV>等特征标签元素的宽度、高度值，进而根据这些值判断网页的分辨率尺寸，对比网页和机顶盒显示分辨率得出当前页面的缩放参数，使用该缩放参数对页面进行缩放处理并在机顶盒上全屏显示。与现有的技术相比，本发明能降低对<meta>标签的依赖性，大大提升了不同尺寸网页缩放处理的灵活性，有效避免了缩放显示的异常，用户体验佳。
附图说明
图1为本发明实施例中机顶盒浏览器的网页缩放处理方法的流程图；
图2为本发明实施例中机顶盒浏览器的网页缩放处理系统的结构框图。
具体实施方式
下面结合附图及具体实施例对本发明作进一步的详细描述。
参见图1所示，本发明实施例提供一种机顶盒浏览器的网页缩放处理方法，包括以下步骤：
步骤S1、HTML页面下载：浏览器通过加载页面URL(Uniform/Universal Resource Locator的缩写，统一资源定位符)，从网页平台下载对应的HTML(HyperText Markup Language，超文本标记语言)页面，转入步骤S2。
步骤S2、背景图片或背景样式判断：判断下载的HTML页面的<BODY>标签中是否包含背景图片或定义页面尺寸的背景样式，若包含，则获取相应的背景图片或背景样式的宽度值、高度值，并分别作为网页元素的宽度值、高度值，转入步骤S4；若不包含，则转入步骤S3。
实际操作时，步骤S2具体包括以下流程：
步骤S201：判断下载的HTML页面的<BODY>标签中是否包含背景图片，若包含，转入步骤S202；若不包含，转入步骤S203。
可以理解的是，由于<BODY>标签包含背景图片的方式有两种：一种是CSS样式定义，如：
body{background:url(images/mainbg.jpg)left top no-repeat；}；
另一种是直接在<BODY>标签中定义，如：
<body background＝"images/mainbg.GIF">；
因此，在判断下载的HTML页面的<BODY>标签中是否包含背景图片时，需查找是否有<BODY>标签定义的背景图片和/或是否有CSS样式定义的背景图片。
步骤S202：获取该背景图片的大小，得到该背景图片的宽度值、高度值，并分别作为网页元素的宽度值、高度值，转入步骤S4。
步骤S203：判断下载的HTML页面的<BODY>标签中是否包含定义页面尺寸的背景样式，若包含，转入步骤S204；若不包含，则转入步骤S3。
同理，由于<BODY>标签包含定义页面尺寸的背景样式的方式有两种：一种是CSS样式定义，如：
body{width:1280px；height:720px；color:white；overflow:hidden；}；
另一种是直接在<BODY>标签中定义，如：
<body link＝"#FFFFFF"style＝"height:720px；width:1280px；background-size:1280px 720px；background-repeat:no-repeat；">；
因此，在判断下载的HTML页面的<BODY>标签中是否包含定义页面尺寸的背景样式时，也需查找是否有<BODY>标签定义的背景样式和/或是否有CSS样式定义的背景样式。
步骤S204：获取该背景样式的大小，得到背景样式的宽度值、高度值，并分别作为网页元素的宽度值、高度值，转入步骤S4。
步骤S3、网页宽度值、高度值计算：通过解析下载的HTML页面的所有<DIV>标签，计算得到所有<DIV>标签中的最大宽度值、最大高度值，并分别作为网页元素的宽度值、高度值，转入步骤S4。
实际操作时，步骤S3具体包括以下流程：
步骤S301：循环解析下载的HTML页面的所有<DIV>标签，获取每一个<DIV>标签的宽度值、高度值，转入步骤S302。
步骤S302：逐一比较所有<DIV>标签的宽度值、高度值，得到所有<DIV>标签中的最大宽度值、最大高度值，并分别作为网页元素的宽度值、高度值，转入步骤S4。
同样可以理解的是，由于<DIV>标签格式同<BODY>标签格式，宽度值、高度值的定义有两种形式，一种是直接在DIV中定义，如：
<div width＝"200"height＝"300"id＝"div1"style＝"display:block">；
另一种是在CSS样式中定义<DIV>的宽度值、高度值，如：
.div1{width:200px；height:300px}；
因此，获取每一个<DIV>标签的宽度值、高度值时也有相应的两种查找方式，此处不再赘述。
步骤S4、网页缩放处理：根据当前网页元素的宽度值和高度值，确定下载的HTML页面的分辨率尺寸；按确定的分辨率尺寸对网页进行相应缩放处理并显示，结束。
本实施例中，所述分辨率尺寸包括：标清分辨率尺寸(640*530)、高清分辨率尺寸(1280*720)和超高清分辨率尺寸(1920*1080)。在此基础上，按确定的分辨率尺寸对网页进行相应缩放处理并显示，具体包括以下操作：
若确定的分辨率尺寸为标清分辨率尺寸(640*530)，则需要做放大处理：宽度放大1280/640＝2倍，高度放大720/530＝1.36倍；
若确定的分辨率尺寸为高清分辨率尺寸(1280*720)，则按原始尺寸显示即可；
若确定的分辨率尺寸为超高清分辨率尺寸(1920*1080)，则需要做缩小处理：宽度缩小1280/1920＝0.67倍，高度缩小720/1080＝0.67倍。
参见图2所示，本发明还提供了一种机顶盒浏览器的网页缩放处理系统，该系统包括HTML页面下载模块、网页尺寸获取模块、网页尺寸计算模块和网页缩放处理模块。
其中，HTML页面下载模块用于：通过加载页面URL，从网页平台下载对应的HTML页面，并向网页尺寸获取模块发送获取信号。
网页尺寸获取模块用于：收到获取信号后，判断下载的HTML页面的<BODY>标签中是否包含背景图片或定义页面尺寸的背景样式，若包含，则获取相应的宽度值、高度值，并分别作为网页元素的宽度值、高度值，向网页缩放处理模块发送处理信号；若不包含，则向网页尺寸计算模块发送计算信号。
其具体工作流程为：收到获取信号后，判断下载的HTML页面的<BODY>标签中是否包含背景图片，若包含，获取背景图片的大小，得到该背景图片的宽度值、高度值，并分别作为网页元素的宽度值、高度值，向网页缩放处理模块发送处理信号；若不包含，继续判断下载的HTML页面的<BODY>标签中是否包含定义页面尺寸的背景样式，若包含，获取背景样式的大小，得到该背景样式的宽度值、高度值，并分别作为网页元素的宽度值、高度值，向网页缩放处理模块发送处理信号；若不包含，则向网页尺寸计算模块发送计算信号。
网页尺寸计算模块用于：收到计算信号后，通过解析下载的HTML页面的所有<DIV>标签，计算得到所有<DIV>标签中的最大宽度值、最大高度值，并分别作为网页元素的宽度值、高度值，向网页缩放处理模块发送处理信号。其具体工作流程为：收到计算信号后，循环解析下载的HTML页面的所有<DIV>标签，获取每一个<DIV>标签的宽度值、高度值；逐一比较所有<DIV>标签的宽度值、高度值，得到所有<DIV>标签中的最大宽度值、最大高度值，并分别作为网页元素的宽度值、高度值，向网页缩放处理模块发送处理信号。
网页缩放处理模块用于：收到处理信号后，根据当前网页元素的宽度值和高度值，确定下载的HTML页面的分辨率尺寸；按确定的分辨率尺寸对网页进行相应缩放处理并显示。其中，按确定的分辨率尺寸对网页进行相应缩放处理并显示时，若确定的分辨率尺寸为标清分辨率尺寸，则做放大处理：将宽度放大2倍，高度放大1.36倍；若确定的分辨率尺寸为高清分辨率尺寸，则按原始尺寸显示；若确定的分辨率尺寸为超高清分辨率尺寸，则做缩小处理：将宽度缩小0.67倍，高度缩小0.67倍。
需要说明的是：上述实施例提供的系统在进行网页缩放处理时，仅以上述各功能模块的划分进行举例说明，实际应用中，可根据需要将上述功能分配由不同的功能模块完成，即将系统的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。
本发明不局限于上述实施方式，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也视为本发明的保护范围之内。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
- 还没有人留言评论。精彩留言会获得点赞！