一种JS调试页面方法和装置与流程

本发明涉及网页/Web页面显示领域，特别涉及一种JS调试页面方法和装置。

背景技术：

Web页面，也称网页，是一种使用HTML语言，通过标签的形式对内容进行格式化并显示的页面。在多数浏览器上，Web页面支持使用JavaScript脚本(JS)对页面上的内容做操作。它是目前广泛应用的互联网内容展示方式之一，可以在PC、手机、平板电脑、机顶盒、电视机等多种设备上通过浏览器展示出丰富的内容。

在开发Web页面的过程中，如果需要测试不同场景和条件时，通常需要通过改变使用环境情况、输入不同的参数、经过不同的步骤来操作以实现。在多数情况下，为了测试各种不同条件组合的情况，需要付出很多重复性劳动，在机顶盒界面等需要使用遥控器方向键顺序操作的界面中，由于每次测试都需要输入不同的参数，且参数的输入操作较为困难，因此重复性测试工作尤其繁琐。

技术实现要素：

本发明提供一种JS调试页面方法和装置，用于解决Web页面开发过程中在测试环境改变时由于大量参数的输入所造成的测试工作非常繁重的问题。

为了解决上述技术问题，本发明实施例提供了一种JS调试页面方法，所述JS调试页面方法包括：

创建调试配置文件；其中，所述调试配置文件用于保存接口对应的接口 内容；

在执行接口的读写操作时，通过所述调试配置文件完成所述接口对应的读写操作。

优选地，所述通过所述调试配置文件完成所述接口对应的读写操作具体包括：通过调试用读写函数完成对应接口的读写；

所述通过调试用读写函数完成对应接口的读写包括：

读取调试开关的状态；如果调试开关为打开状态，则通过调试配置文件完成对应接口的读写；如果调试开关为关闭状态，则通过现有的读写函数完成对应接口的读写。

优选地，所述调试用读写函数包括调试用读取函数，所述通过调试配置文件完成对应接口的读写包括：

查找所述调试配置文件中是否包括所述接口对应的接口内容；

如果是，则将所述接口对应的接口内容作为本次读取的读取结果；如果否，则通过现有的读取函数完成对应接口的读取，并将读取结果作为所述接口对应的接口内容存储在所述调试配置文件中。

优选地，所述调试用读写流程还包括调试用写入函数，所述通过调试配置文件完成对应接口的读写包括：

将写入内容作为所述接口对应的接口内容写入到所述调试配置文件中。

优选地，在所述通过所述调试配置文件完成所述接口对应的读写操作之前还包括：

创建调试JS文件；所述调试用读写函数定义在所述调试JS文件中；

所述调试开关的状态保存在所述调试配置文件中。

为了解决上述技术问题，本发明实施例提供了一种JavaScript脚本JS调试页面装置，所述装置包括：

创建单元，用于创建调试配置文件；其中，所述调试配置文件用于保存接口对应的接口内容；

读写单元，用于在执行接口的读写操作时，通过所述调试配置文件完成 所述接口对应的读写操作。

优选地，所述读写单元通过调试用读写函数完成对应接口的读写；

所述读写单元包括：

调试开关读取模块，用于读取调试开关的状态；如果调试开关为打开状态，则通过调试配置文件完成对应接口的读写；如果调试开关为关闭状态，则通过现有的读写函数完成对应接口的读写。

优选地，所述调试用读写函数包括调试用读取函数，所述读写单元包括：

读取模块，用于查找所述调试配置文件中是否包括所述接口对应的接口内容；如果是，则将所述接口对应的接口内容作为本次读取的读取结果；如果否，则通过现有的读取函数完成对应接口的读取，并将读取结果作为所述接口对应的接口内容存储在所述调试配置文件中。

优选地，所述调试用读写流程还包括调试用写入函数，所述读写单元还包括：

写入模块，用于将写入内容作为所述接口对应的接口内容写入到所述调试配置文件中。

优选地，还包括：

所述创建单元还用于创建调试JS文件；所述调试用读写函数定义在所述调试JS文件中

本发明的有益效果包括：

本发明实施例中，将接口以及接口对应的接口内容保存在调试配置文件中，当需要进行读写操作时，可以直接通过调试配置文件完成接口的读写操作，在测试各种不同条件组合的情况下，不需要在每次测试中针对每次测试的接口进行对应的接口内容的输入，而是在每次测试过程中，调试用读写函数可以直接从调试配置文件中针对需要的接口内容进行读取，此外，还可以直接在调试配置文件中写入或者更新各个接口对应的接口内容，从而减少了测试工作中重复性操作的繁琐劳动，尤其是在例如机顶盒界面等需要使用遥控器方向键顺序操作的页面的测试过程中，通过读取过程中接口内容的快捷的读写方式，大量减少了测试所需的工作量，提高了页面测试的工作效率。

附图说明

图1为本发明实施例提供的一种JS调试页面方法的流程示意图；

图2为本发明实施例提供的一种JS调试页面装置的结构示意图。

具体实施方式

为使本领域的技术人员更好地理解本发明的技术方案，下面结合附图对本发明实施例提供的一种JS调试页面方法和装置进行详细描述。

请参阅图1，为本发明实施例提供的一种JS调试页面方法的流程示意图，如图1所示，本发明实施例提供的JS调试页面方法包括：

步骤S110，创建调试配置文件；其中，所述调试配置文件用于保存接口对应的接口内容；

步骤S120，在执行接口的读写操作时，通过所述调试配置文件完成所述接口对应的读写操作。

其中，接口内容通常为数值，也可以是文字或字符串等内容。

本发明实施例中，所述通过所述调试配置文件完成所述接口对应的读写操作具体包括：通过调试用读写函数完成对应接口的读写。也就是说通过所述调试配置文件完成所述接口对应的读写操作是通过调试用读写函数完成的。

本发明实施例中，在通过所述调试配置文件完成所述接口对应的读写操作之前还包括：创建调试JS文件；所述调试用读写函数定义在所述调试JS文件中；所述调试开关的状态保存在所述调试配置文件中。所述调试开关的状态保存在所述调试配置文件中。在需要执行接口的读写操作时，将调用调试JS文件中定义的调试用读写函数来完成接口的读写操作。

本发明实施例中，将接口以及接口对应的接口内容保存在调试配置文件中，当需要进行读写操作时，可以直接通过调试配置文件完成接口的读写操作，在测试各种不同条件组合的情况下，不需要在每次测试中针对每次测试的接口进行对应的接口内容的输入，而是在每次测试过程中，调试用读写函 数可以直接从调试配置文件中针对需要的接口内容进行读取，此外，还可以直接在调试配置文件中写入或者更新各个接口对应的接口内容，从而减少了测试工作中重复性操作的繁琐劳动，尤其是在例如机顶盒界面等需要使用遥控器方向键顺序操作的页面的测试过程中，通过读取过程中接口内容的快捷的读写方式，大量减少了测试所需的工作量，提高了页面测试的工作效率。

在调试用读写函数的处理流程中，首先，读取调试配置文件中的调试开关的值，例如，在调试配置文件中定义调试开关的值为0或者1，如果值为1则代表调试开关为打开状态，如果值为0则代表调试开关为关闭状态。

其中，所述通过调试用读写函数完成对应接口的读写包括：读取调试开关的状态；如果调试开关为打开状态，则通过调试配置文件完成对应接口的读写；如果调试开关为关闭状态，则通过现有的读写函数完成对应接口的读写。

本发明实施例中，所述调试用读写函数包括调试用读取函数，所述通过调试配置文件完成对应接口的读写包括：

查找所述调试配置文件中是否包括所述接口对应的接口内容；

如果是，则将所述接口对应的接口内容作为本次读取的读取结果；如果否，则通过现有的读取函数完成对应接口的读取，并将读取结果作为所述接口对应的接口内容存储在所述调试配置文件中。

本发明实施例中，所述调试用读写流程还包括调试用写入函数，所述通过调试配置文件完成对应接口的读写包括：

将写入内容作为所述接口对应的接口内容写入到所述调试配置文件中。

下面结合具体的实施场景对本发明提供的JS调试页面方法进行详细说明。

本发明实施例提供的一种JS调试页面方法的流程示意图，包括：

步骤S210，创建调试JS文件和调试配置文件；

其中，调试配置文件中用于包括接口对应的接口内容，以及调试开关的值。

所述调试JS文件中定义了调试用读写函数，其中，所述调试用读写函 数包括调试用读取函数和调试用写入函数。

在调试用读写函数中，根据调试开关的状态执行不同的读写流程，如果调试开关为打开状态，则通过调试配置文件完成对应接口的读写；如果调试开关为关闭状态，则通过现有的读写函数完成对应接口的读写。

步骤S220，页面调试过程中，某个JS文件调用调试用读取函数；

步骤S221，读取调试开关的状态，如果调试开关为打开状态，则执行步骤S223；如果调试开关为关闭状态，则执行步骤S222；

步骤S222，通过现有的读取函数完成对应接口的读取。

步骤S223，查找所述调试配置文件中是否存在本次读取对应的接口；如果存在，则执行步骤S224；如果不存在，则执行步骤S225；

步骤S224，如果存在本次读取对应的接口，则将调试配置文件中所述接口对应的接口内容作为本次读取的读取结果。也就是说，将调试配置文件中保存的接口对应的接口内容的值返回给调试用读取函数，并作为调试用读取函数本次读取所述接口的读取结果。

步骤S225，如果没有本次读取对应的接口，则通过现有的读取函数完成对应接口的读取，并将读取结果作为所述接口对应的接口内容存储在所述调试配置文件中。

步骤S230，页面调试过程中，某个JS文件调用调试用读取函数。

需要说明的是，步骤S230和步骤S220之间没有特定的先后顺序，而是根据JS文件调试页面过程中的读取操作和写入操作的需求所决定的。

步骤S231，读取调试开关的状态，如果调试开关为打开状态，则执行步骤S233；如果调试开关为关闭状态，则执行步骤S232；

步骤S232，通过现有的写入函数完成对应接口的写入。

步骤S233，将写入内容作为所述接口对应的接口内容写入到所述调试配置文件中。其中，如果调试配置文件中已经保存有接口对应的接口内容，则将接口对应的接口内容更新为本次的写入内容，如果调试配置文件中还没有保存有接口对应的接口内容，则创建关于该接口的存储内容，并保存接口对应的接口内容。

基于与上述方法实施例相同或相似的构思，本发明实施例还提供一种JavaScript脚本JS调试页面装置。请参阅图2，为本发明实施例提供的一种JS调试页面装置的结构示意图，如图2所示，所述装置包括：

创建单元10，用于创建调试配置文件；其中，所述调试配置文件用于保存接口对应的接口内容；

读写单元20，用于在执行接口的读写操作时，通过所述调试配置文件完成所述接口对应的读写操作。

其中，所述读写单元20通过调试用读写函数完成对应接口的读写；

所述读写单元20包括：

调试开关读取模块21，用于读取调试开关的状态；如果调试开关为打开状态，则通过调试配置文件完成对应接口的读写；如果调试开关为关闭状态，则通过现有的读写函数完成对应接口的读写。

本发明实施例中，所述调试用读写函数包括调试用读取函数，所述读写单元20包括：

读取模块22，用于查找所述调试配置文件中是否包括所述接口对应的接口内容；如果是，则将所述接口对应的接口内容作为本次读取的读取结果；如果否，则通过现有的读取函数完成对应接口的读取，并将读取结果作为所述接口对应的接口内容存储在所述调试配置文件中。

本发明实施例中，所述调试用读写流程还包括调试用写入函数，所述读写单元20还包括：

写入模块23，用于将写入内容作为所述接口对应的接口内容写入到所述调试配置文件中。

本发明实施例中，所述创建单元10还用于创建调试JS文件；所述调试用读写函数定义在所述调试JS文件中。

可以理解的是，以上实施方式仅仅是为了说明本发明的原理而采用的示例性实施方式，然而本发明并不局限于此。对于本领域内的普通技术人员而言，在不脱离本发明的精神和实质的情况下，可以做出各种变型和改进，这些变型和改进也视为本发明的保护范围。