一种机顶盒的浏览器页面调试的方法及装置与流程

本发明实施例涉及，尤其涉及一种机顶盒的浏览器页面调试的方法及装置。

背景技术

互联网交互电视(internetprotocoltelevision，iptv)机顶盒是指通过运营商专网环境，访问运营搭建的媒体及页面头端服务器，完成信息呈现、人机交互以及各个功能。在iptv机顶盒产品中，需要集成浏览器，它负责展示运营商提供的电子节目指南(electronicprogramguide，epg)等网页，并配合用户输入，用来完成功能展示和用户的操作。

但是在开发过程中，机顶盒的浏览器在适配各个市场中的页面时经常遇到一些运营商下发的页面无法正确展示的情况，经常需要针对问题页面进行调试，分析原因，并找到解决方法。

目前这种浏览器/服务器(browser/server，b/s)结构的浏览器呈现模式下，开发人员无法修改运营商提供的页面，通常的调试和定位方法都是通过第三方工具来抓取网络包，并从网络包中获取页面内容，在电脑中查看页面原代码，来猜测分析页面中出现问题的地方。这种分析方式比较落后，效率很低。

技术实现要素：

本发明实施例提供一种机顶盒的浏览器页面调试的方法及装置，用以提高页面调试的效率。

本发明实施例提供的一种机顶盒的浏览器页面调试的方法，包括：

获取浏览器从服务器下载的资源文件，并缓存所述资源文件，所述资源文件包括页面源码内容；

创建调试窗口，将缓存的所述页面源码内容填充在所述调试窗口内，并将填充了所述页面源码内容的调试窗口进行显示；

在接收用户的编辑指令后，根据编辑指令对所述页面源码内容进行编辑；

在接收到用户的调试窗口关闭指令后，将编辑后的资源文件发送给所述浏览器，以使所述浏览器加载所述编辑后的资源文件。

由于是将页面源码内容填充到调试窗口进行显示，开发人员可以通过遥控器或键盘来实时编辑修改页面内容，从而实现调试功能，提高了页面调试效率。

可选的，所述创建调试窗口，将缓存的所述页面源码内容填充在所述调试窗口内，并将填充了所述页面源码内容的调试窗口进行显示，包括：

创建一个编辑窗口和多个文本窗口；

将所述页面源码内容填充在所述编辑窗口内；

搜索所述页面源码内容中的脚本标签中的文件路径，将搜索到的文件路径填充在所述多个文件窗口内；

将填充后的所述编辑窗口和所述多个文件窗口进行显示。

可选的，所述编辑指令是在所述用户按压第一按键后生成的；

所述调试窗口关闭指令是在所述用户按压第二按键后生成的。

可选的，所述将编辑后的资源文件发送给所述浏览器，包括：

将编辑后的资源文件发送给所述浏览器，并指示所述浏览器加载的主页面。

相应的，本发明实施例提供了一种机顶盒的浏览器页面调试的装置，包括：

资源缓存模块，用于获取浏览器从服务器下载的资源文件，并缓存所述资源文件，所述资源文件包括页面源码内容；

呈现模块，用于创建调试窗口，将缓存的所述页面源码内容填充在所述调试窗口内，并将填充了所述页面源码内容的调试窗口进行显示；

编辑模块，用于在接收用户的编辑指令后，根据编辑指令对所述页面源码内容进行编辑；

资源上报模块，用于在接收到用户的调试窗口关闭指令后，将编辑后的资源文件发送给所述浏览器，以使所述浏览器加载所述编辑后的资源文件。

可选的，所述呈现模块具体用于：

创建一个编辑窗口和多个文本窗口；

将所述页面源码内容填充在所述编辑窗口内；

搜索所述页面源码内容中的脚本标签中的文件路径，将搜索到的文件路径填充在所述多个文件窗口内；

将填充后的所述编辑窗口和所述多个文件窗口进行显示。

可选的，所述编辑指令是在所述用户按压第一按键后生成的；

所述调试窗口关闭指令是在所述用户按压第二按键后生成的。

可选的，所述资源上报模块具体用于：

将编辑后的资源文件发送给所述浏览器，并指示所述浏览器加载的主页面。

相应的，本发明实施例提供了一种计算设备，包括：

存储器，用于存储程序指令；

处理器，用于调用所述存储器中存储的程序指令，按照获得的程序执行上述机顶盒的浏览器页面调试的方法。

相应的，本发明实施例提供了一种计算机可读非易失性存储介质，包括计算机可读指令，当计算机读取并执行所述计算机可读指令时，使得计算机执行上述机顶盒的浏览器页面调试的方法。

附图说明

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

图1为本发明实施例提供的一种系统架构的示意图；

图2为本发明实施例提供的一种页面加载的示意图；

图3为本发明实施例提供的一种机顶盒的浏览器页面调试的方法的流程示意图；

图4为本发明实施例提供的另一种机顶盒的浏览器页面调试的方法的流程示意图；

图5为本发明实施例提供的一种机顶盒的浏览器页面调试的装置的结构示意图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

图1示例性的示出了本发明实施例提供的一种系统架构的结构，该系统架构可以为机顶盒，包括浏览器模块100和调试模块200。

其中，浏览器模块100可以包括网络模块、资源加载器和其它模块。该其它模块可以包括解释渲染布局模块和图层模块，该网络模块用于从认证的服务器下载需要加载的页面的资源文件，该资源加载器用于对网络模块下载的资源文件进行加载。

该调试模块200包括资源缓存模块、呈现模块、编辑模块和资源上报模块；其中资源缓存模块用于缓存浏览器放人网络模块下载的资源文件，呈现模块用于呈现所述资源文件，编辑模块用于根据用户操作编辑所述资源文件，所述资源上报模块用于将编辑后的资源文件发送给浏览器的资源加载器。

目前机顶盒的浏览器原始加载页面的流程可以如图2所示，浏览器的浏览器从指定地址完成认证后，会加载服务器下发的首页数据。同时根据用户操作并依据页面内容，可能会重新调用资源加载器，利用网络模块去服务器更新或请求新的页面。

网络模块获取的页面和资源文件后，会发送给资源加载器。资源加载器开始将内容发送给解析布局渲染模块进行解析、布局和渲染，最终通过图层模块进行呈现。

基于上述描述，图3示例性的示出了本发明实施例提供的一种机顶盒的浏览器页面调试的流程，该流程可以由机顶盒的浏览器页面调试的装置执行，该装置可以是机顶盒，也可以位于机顶盒内。

如图3所示，该流程具体步骤包括：

步骤301，获取浏览器从服务器下载的资源文件，并缓存所述资源文件。

该资源文件可以包括页面源码内容，主要为呈现过程中需要的所有资源文件。资源缓存模块主要是从浏览器的网络模块截取该资源文件，并按一定格式保存在本地。

该资源文件中可以分为主资源文件(就是浏览器要呈现的html格式的页面文件)以及页面里面引用的一些js脚本文件、css样式文件、img图形文件等其他资源文件。浏览器的资源加载模块会先向网络模块申请主资源文件，然后再根据解析的主资源文件内容申请主资源文件里面需要的其他资源文件。

资源缓存模块在对资源文件进行缓存时，会将图片资源文件(img格式)过滤掉，因为调试时不会去编辑图形。这样缓存数据的体积会大大减小。

同时利用浏览器每次先请求主资源的特性，只将浏览器网络模块最新下载的主资源文件以及其后面的其他非主资源文件缓存到本地。如果遇到新的主资源文件下载，则清除缓存中的所有文件，重新按此规则存储。这样方法既保证了调试模块的需求，有使缓存中的文件不会过分积累。

资源缓存模块在存储数据时，使用基于列表管理文件的方式：先从浏览器的下载模块拿到下载的文件名称，将文件名称保存在一个自己管理的列表中，后面下载的文件的文件名也依次累加在这个列表中，同时下载的文件内容存储在一个特定文件夹内，按下载顺序依次命名1.txt2.txt3.txt…n.txt。

当资源缓存模块收到呈现模块的数据请求时，按请求的文件名称从列表中找到对应索引位置，并获取到对应文件内容。

步骤302，创建调试窗口，将缓存的所述页面源码内容填充在所述调试窗口内，并将填充了所述页面源码内容的调试窗口进行显示。

在创建调试窗口时，可以先创建一个编辑窗口和多个文本窗口，将页面源码内容填充在编辑窗口内。然后搜索页面源码内容中的脚本标签中的文件路径，将搜索到的文件路径填充在多个文件窗口内，在进行填充时，一个文件路径填充到一个文件窗口内。最后将填充后的编辑窗口以及多个文件窗口进行显示，也就是进行呈现，以便用户通过按键进行编辑。

举例来说，以android系统为例，使用android的窗口编程呈现，数据的布局显示使用editview和textview两类完成。

1、创建一个android窗口(activity)，里面主要创建一个editview(编辑窗口)以及动态创建多个textview(文本窗口)。

2、将页面源码内容填充到editview，editview中的数据，用户可以通过按键等编辑。

3、搜索页面源码内容中script(脚本)标签中的src属性，该src属性对应文件路径，找到src后面“”所包含内容，例如<scripttype＝'text/javascript'src＝'/page/engine.js'></script>中，将内容“/page/engine.js”填充到动态创建的textview中。由于一个页面中，可能使用多个script标签，因此可能建立多个textview。其中，textview中可以增加点击动作的支持。点击动作后，将textview内容发给资源缓存模块请求获得数据。得到数据重新按照1-3步进行操作。

步骤303，在接收用户的编辑指令后，根据编辑指令对所述页面源码内容进行编辑。

当收到用户的编辑指令后，就可以在上述调试窗口内根基编辑指令对页面源码内容进行编辑。需要说明的是，编制指令是在用户按压第一按键后生成的，该第一按键可以是单一按键，也可以是多个按键组合，该第一按键可以为机顶盒的遥控器或键盘上的按键，或者是其它终端上与该机顶盒关联的app上的虚拟按键。

当用结束编辑后，通过特定键退出本窗口，将editview中内容更新到对应的页面源码内容中。直到将所有的修改窗口退后。将这些修改后的页面源码内容发给资源上报模块，也就是修改后的资源文件。

步骤304，在接收到用户的调试窗口关闭指令后，将编辑后的资源文件发送给所述浏览器，以使所述浏览器加载所述编辑后的资源文件。

该调试窗口关闭指令是在用户按压第二按键后生成的，该第二按键可以是单一按键，也可以是多个按键组合，该第二按键可以为机顶盒的遥控器或键盘上的按键，或者是其它终端上与该机顶盒关联的app上的虚拟按键。

该调试窗口关闭指令表明用户以及编辑完资源源码内容，此时资源上报模块可以将编辑后的资源文件发送给浏览器，其中还会指示浏览器加载的主页面。

资源上报模块主要和浏览器的资源加载模块实现两类接口，第一类是通过调试模块将新数据发送给浏览器的资源加载模块；第一类是请求浏览器资源加载模块加载某个主页面。

资源上报模块拿到内容呈现模块编辑后的页面数据(可能是一个主资源页面，也可能是有额外多个资源文件)后，通过第一类接口重新发给浏览器的资源加载模块。同时再通过第二类接口，让浏览器的资源加载模块重新加载刚刚更新的主资源页面。

为了更好的解释本发明实施例，下面将在具体实施场景下描述机顶盒的浏览器页面调试的流程。

如图4所示，该流程具体包括：

步骤401，用户组合按键启动。

步骤402，保存当前浏览器加载主资源名称。

步骤403，获取当前加载页面名称，并从缓存中取出。

步骤404，创建调试窗口，将页面源码内容填充到调试窗口内容。

步骤405，接收用户编辑输入。

步骤406，判断用户是否点击了src属性内容，若是，则转入步骤407，若否，则转入步骤408。

步骤407，查找src属性所指定资源名称。

步骤408，用户使用特定建完成编辑，逐级关闭调试窗口。

步骤409，将修改后的所有页面内容发送给浏览器的资源加载器，请求资源加载器重新加载主资源。

本发明实施例的各流程的具体内容已在上述实施例中描述，不再赘述。

上述实施例表明，通过获取浏览器从服务器下载的资源文件，并缓存资源文件，创建调试窗口，将缓存的页面源码内容填充在调试窗口内，并将填充了页面源码内容的调试窗口进行显示，在接收用户的编辑指令后，根据编辑指令对页面源码内容进行编辑，在接收到用户的调试窗口关闭指令后，将编辑后的资源文件发送给浏览器，以使浏览器加载编辑后的资源文件。由于是将页面源码内容填充到调试窗口进行显示，开发人员可以通过遥控器或键盘来实时编辑修改页面内容，从而实现调试功能，提高了页面调试效率。

基于相同的技术构思，图5示例性的示出了本发明实施例提供的一种机顶盒的浏览器页面调试的装置的结构，该装置可以执行机顶盒的浏览器页面调试的流程，该装置可以位于机顶盒内，也可以是该机顶盒。

如图5所示，该装置包括：

资源缓存模块501，用于获取浏览器从服务器下载的资源文件，并缓存所述资源文件，所述资源文件包括页面源码内容；

呈现模块502，用于创建调试窗口，将缓存的所述页面源码内容填充在所述调试窗口内，并将填充了所述页面源码内容的调试窗口进行显示；

编辑模块503，用于在接收用户的编辑指令后，根据编辑指令对所述页面源码内容进行编辑；

资源上报模块504，用于在接收到用户的调试窗口关闭指令后，将编辑后的资源文件发送给所述浏览器，以使所述浏览器加载所述编辑后的资源文件。

可选的，所述呈现模块502具体用于：

创建一个编辑窗口和多个文本窗口；

将所述页面源码内容填充在所述编辑窗口内；

搜索所述页面源码内容中的脚本标签中的文件路径，将搜索到的文件路径填充在所述多个文件窗口内；

将填充后的所述编辑窗口和所述多个文件窗口进行显示。

可选的，所述编辑指令是在所述用户按压第一按键后生成的；

所述调试窗口关闭指令是在所述用户按压第二按键后生成的。

可选的，所述资源上报模块504具体用于：

将编辑后的资源文件发送给所述浏览器，并指示所述浏览器加载的主页面。

基于相同的技术构思，本发明实施例提供了一种计算设备，包括：

存储器，用于存储程序指令；

处理器，用于调用所述存储器中存储的程序指令，按照获得的程序执行上述机顶盒的浏览器页面调试的方法。

基于相同的技术构思，本发明实施例提供了一种计算机可读非易失性存储介质，包括计算机可读指令，当计算机读取并执行所述计算机可读指令时，使得计算机执行上述机顶盒的浏览器页面调试的方法。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。