一种IPTV机顶盒上的网页调试方法及机顶盒与流程

一种iptv机顶盒上的网页调试方法及机顶盒
技术领域
1.本发明涉及网页的调试方法，具体是一种iptv机顶盒上的网页调试方法。


背景技术：

2.iptv是以宽带网络为传输通道、以电视机为终端，集互联网、多媒体、通讯等多种技术于一体，向用户提供包括互动电视内容在内的多种交互式服务的崭新技术。iptv是数字电视的一种先进的形式，您可以通过电视机＋网络机顶盒方式收看。在中国电信内iptv业务也占有很高的业务比例，在各省的iptv系统中，也极其多的使用到了网页技术来构建不同的业务平台。
3.iptv机顶盒上的网页开发中，缺乏调试平台与工具，现有android盒子虽有调试工具adb debug（android盒子上的控制台），但是也仅在android的机顶盒上存在，并且一大部分的机顶盒可能无法开启adb debug，非android机顶盒如linux机顶盒，本身没有网页调试的能力，即使部分可以使用的也需要借助usb存储介质来获取信息，并也有无法获取的情况。
4.如需解决上述问题，就需要设计一种调试方法，构建在iptv网页系统之上，来实现日志查看，监控排查等功能。


技术实现要素：

5.本发明所要解决的技术问题是提供一种构建在iptv机顶盒上的网页调试方法，用于改进机顶盒调试环境，创新支持在iptv机顶盒网页上使用调试工具，为网页调试与现网环境问题排查，提供了可能性与便捷性。
6.为解决上述技术问题，本发明采用的技术方案是：一种iptv机顶盒上的网页调试方法，其特征在于，包括：在iptv机顶盒网页上，基于原生网页与javascript生成调试工具；利用构建的调试工具进行调试。
7.在iptv机顶盒网页上，基于原生网页与javascript生成调试工具，包括：初始化参数设置，用于设定调试工具的初始化参数内容；测试工具生成，用于根据调试工具初始化参数设定的内容，创建调试工具模块。
8.创建的调试工具模块包括：dom界面生成模块、控件样式控制模块、日志输出方法模块、遥控器控制方法模块、日志类型控制模块、网页性能数据模块、检测输出方法模块、时间戳方法模块、控件刷新模块以及按键监听模块。
9.初始化参数设置，用于设定调试工具的初始化参数内容，包括：（1）设定调试工具宽度、高度、坐标x位置及坐标y位置；（2）设定调试器刷新程序间隔，单位为秒；（3）遥控器定义按键设置，设定打开调试控件的按键规则；（4）网页样式设置。
10.默认会有一套样式，也支持自定义进行设置css（网页样式代码），自定义的内容包括（如背景颜色，边框，字体颜色，透明度等）；对不同级别日志，如错误，警告，通知，自定义设置不同的css样式进行绑定。
11.测试工具生成，用于根据调试工具初始化参数设定的内容，创建调试工具模块，包括：调试工具界面生成：根据调试工具的初始化参数设定的内容，创建调试工具网页实例；使用网页代码技术将调试工具无破坏的添加到网页应用程序的尾部，创新使用网页技术生成调试工具的方法，实现了跨linux机顶盒，android tv机顶盒，可以在不同系统不同厂商支持网页的机顶盒中兼容。
12.调试工具方法绑定：调试工具方法大概分为界面逻辑类，日志输出类，加载性能读取类，控制交互类调试器实现了日志输出方法（警告，通知，错误）的方式，时间戳类（创建时间戳，开始记录方法，结束记录方法），验证的日志方法，加载性能获取方法，显示调试控件方法，隐藏调试控件方法，遥控器按键控制方法。以下对核心方法进行说明。
13.日志的输出提供方法，将传入打印的日志使网页原生转换方法转换成字符串类型，并将日志输出到网页dom元素，在调试控件中填充dom元素以完成显示。对于（警告，通知，错误）类型提供三个对外调用方法，不同的方法在dom中使用不同的预设样式代码，实现分类型展示。
14.时间戳类的实现：时间戳是一个自定义类，包含编号，启示时间，结束时间，时间戳关键字，在时间戳类中有三个方法，创建方法，开始记录方法，与结束记录方法。在使用时间戳功能的前我们需要根据时间戳对象创建实例，开始记录方法会更新时间戳对象中的开始时间，并返回当前时间的时间戳，结束记录方法会更新时间戳对象中的结束时间，并返回当前时间的时间戳。时间戳对象可以在页面中多次创建。
15.验证输出日志方法：两个入参，第一个参数提供一个表达式，第二个入参是返回的结果，当第一个参数的表达式为否的时候，触发第二个参数的日志在调试工具中打印，验证输出日志方法可以对关键步骤表达式进行验证，如果表达式为否就输出日志来做巡检检查。
16.遥控器输入方法：在某些网页程序中，没有使用默认的按键规则，他们采用了自定义的按键焦点策略，为避免冲突，调试工具有一个是否启用交互的参数，在显示调试方法中使用，对备份传入的原始控制方法进行备份，，调试工具打开按键方法，对原始按键流程进行覆盖，当调试工具退出后，将备份的按键方法进行还原，来恢复原始按键逻辑。
17.间隔刷新控制组件：通过网页原生定时器对控制台进行刷新，调试控件中包含的输出方法，输入后将需要渲染的内容推送到一个渲染的临时dom存储对象中，在定时器间隔刷新时，将临时dom存储对象中的dom刷新至调试工具输出。间隔刷新控制绑定检查方法，实现自定义检查的能力。
18.本发明调试方法，是构建在iptv机顶盒上的网页调试方法，设计的目的是为了改进了机顶盒调试环境，创新使用网页技术在iptv机顶盒网页上生成调试工具，为网页调试与现网环境问题排查，提供了可能性与便捷性，网页方法也实现了跨终端的能力，本发明使用范围不局限于android机顶盒，在linux机顶盒，或者其他机顶盒系统网页中均可适用。
19.与现有技术相比，本发明具有如下技术效果：1. 可用性提升：现有的iptv机顶盒，部分android的iptv机顶盒有adb debug调试环境，linux机顶盒没有调试环境的实现，一部分android的iptv机顶盒可能也没有集成或者限制adb debug调试环境，本发明调试方法的调试工具给机顶盒调试提供了解决方案。
20.2. 直观性提升：adb debug需要输出至电脑的调试环境，它包含了机顶盒全部的信息，绝大部分的日志是盒子的日志，和网页调试并没有什么关系，会影响查阅效率，本发明调试方法的调试工具仅会包含iptv机顶盒的调试信息。
21.3. 应用范围广：可以完善iptv机顶盒中网页的研发工具，提高产品研发效率，生产环境的监控能力可以给故障排查，快速定位，用户反馈等提供一种可能。
22.4.解决iptv机顶盒在网页开发中的，调试工具缺失的无法进行调试，或者通过adb debug来获取，adb debug中却包含全部盒子的日志，给查看网页日志带来了极大的困难。
23.5.基于网页原生，跨终端设计，可以解决不同盒子不同调试方法的问题，同一页面只需要接入一个调试控件即可在linux，android机顶盒，甚至其他支援网页的机顶盒中使用。
24.6.集成调试工具，给日常运营中快速获取运行状态，故障排查，性能优化提供了一种快速集成的解决方案。
附图说明
25.图1为本发明网页调试方法的流程图；图2为现有网页测试方法的调试流程图；图3为本发明测试方法的调试流程图；图4为本发明调试方法的调试简要线框图。
具体实施方式
26.本发明一种iptv机顶盒上的网页调试方法，如图3所示，包括：在iptv机顶盒网页上，基于原生网页与javascript生成调试工具；调用构建的调试工具进行调试，最终输出网页调试信息即调试结果。
27.在iptv机顶盒网页上，基于原生网页与javascript生成调试工具，包括以下步骤：首先从iptv网页加载调试控件加载开始，相关流程如图1所示。
28.1、iptv应用网页在网页程序中引入调试控件脚本。
29.2、初始化参数设置：21、调用调试控件初始化函数开始初始化。
30.2.2、声明初始化设置对象，设定调试工具宽度，高度，坐标x位置，坐标y位置。
31.2.3、设置调试刷新间隔时间，单位为毫秒，此时间建议值为1000～2000，过快会连续触发渲染，性能较低的盒子运行可能会卡顿，较长会导致等待刷新的时间变长。
32.2.4、设定打开调试控件的按键规则，比如（上上上上）打开支持交互的，或者（下下下下）非交互的控件；设定交互与非交互的场景主要在于应用场景。为了避免按键冲突，一边在操作运行程序时候的调试需要使用非交互，对于交互的场景，需要强制传入原始的按键控制程序，包括上下左右确认和退出，此交互设置在显示函数中设置。
33.2.5、样式设置，默认会有一套样式，也支持自定义进行设置css（网页样式代码），自定义的内容包括（如背景颜色，边框，字体颜色，透明度等）；2.6、对不同级别日志，如错误，警告，通知，支持自定义设置css样式进行绑定，如果不设定自定义样式，控件会使用默认样式加载。
34.2.6.1、警告的样式为黄色，系统默认标识为warn。
35.2.6.2、通知的样式为黑色，系统默认标识为info。
36.2.6.3、错误的样式为红色，系统默认标识为error。
37.2.6.4、检查的样式为蓝色，系统默认标识为check。
38.2.6.5、性能的样式为绿色，系统默认标识为load。
39.3、执行控件前的前置程序，为应用程序传入，为了避免一些冲突，支持应用程序执行前置操作，默认为无。
40.4、工具生成：完成初始化设置与前置程序后，初始化程序开始执行模块加载工作，在网页中创建全局调试控件对象。
41.4.1、创建dom对象的实例存入临时dom对象中。
42.4.2、将自定义css更新到临时dom对象中，如果有自定义设置就替换默认值，如果没有就使用默认css。
43.4.3、将临时dom注入到iptv网页的dom结构中的底部，完成控件代码注入与加载。
44.4.4、日志输出方法通过对象方法扩充，新增日志输出方法日志的输出提供方法，日志输出的方法接受日志的解析类型，根据传入的类型参数，解析类型并使用预先设置的格式化格式，转换成字符串类型，并将日志输出到网页dom元素内显示出来。对于（警告，通知，错误）类型提供三个对外调用方法，不同的方法在dom中使用不同的预设样式代码，实现分类型展示。
45.4.5、时间戳对象通过对象方法扩充：时间戳是一个自定义类，包含编号，启示时间，结束时间，时间戳关键字，在时间戳类中有三个方法，创建方法，开始记录方法，与结束记录方法。在使用时间戳功能的前我们需要根据时间戳对象创建实例，开始记录方法会更新时间戳对象中的开始时间，并返回当前时间的时间戳，结束记录方法会更新时间戳对象中的结束时间，并返回当前时间的时间戳。时间戳对象可以在页面中多次创建。
46.4.6、验证日志输出方法通过对象方法扩充，新增验证日志输出方法：方法有两个入参，第一个参数提供一个表达式，第二个入参是返回的结果，当第一个参数的表达式为否的时候，触发第二个参数的日志在调试工具中打印，此方法用于验证环境是否正常运行。
47.4.7、遥控器输入方法通过对象方法扩充，为避免冲突，调试工具有一个是否启用交互的参数，当启动时，备份传入的原始控制方法，调试工具打开按键方法，对原始按键流程进行覆盖，当调试工具退出后，将备份的按键方法进行还原，来恢复原始按键逻辑。
48.4.8、间隔刷新控制组件：通过网页原生定时器对控制台进行刷新，调试控件中包含的输出方法，输入后将需要渲染的内容推送到一个渲染的临时dom存储对象中，在定时器间隔刷新时，将临时dom存储对象中的dom刷新至调试工具输出。间隔刷新控制绑定检查方法，实现自定义检查的能力。
49.4.9、网页性能数据使用的是网页原生的性能检测方法，会获取到网页加载的信息，获取后输出至调试控件中。
50.4.10、显示调试控件方法通过对象方法扩充，根据参数决定是否启用交互操作，并显示调试控件dom来完成控件显示的工作。
51.4.11、隐藏调试控件方法通过对象方法扩充，先隐藏控件dom之外，需要使用备份的按键操作进行还原操作；其中内部的交互实内部的焦点实现使用的是dom的焦点操作。
52.4.12、在各方法完成绑定后，调试控件全局对象生成完毕，支持被iptv机顶盒网页调用。
53.4.13、iptv机顶盒网页开发日志调试场景中，在需要调试的地方，调用调试输出方法，会在控件上输出调试信息。调用显示调试控件方法，可以查看调试控件上的日志。
54.4.14、iptv机顶盒网页程序日常巡检日志嵌入场景中，在需要巡检关键代码中，使用检查方法，植入检查条件，当条件不满足时就会触发输出日志。调用显示调试控件方法，查看日常巡检的日志。
55.4.15、iptv机顶盒网页程序性能检查场景，在调试控件工具按钮中点击性能检查按钮，会打开系统加载性能日志，并打印在调试控件中，获取相关性能日志。
56.图4为本发明调试方法的调试简要线框图，为显示在iptv页面上的简要样式。图中反应有：1．info,check,load为输出日志类型；info为调试信息日志输出；check为验证程序，再验证失败后输出；load为记载模块时间统计；warm为警告日志；error为错误日志。
57.2.三个模块按钮可以支持只显示其中一种类型；不同的日志类型，可以选择不开启某一个模块打印。
58.3.按钮均支持iptv遥控器交互与操作。