CN111679985B - 浏览器渲染性能测试方法及装置 - Google Patents

Abstract

本发明提供了一种浏览器渲染性能测试方法及装置，涉及测试领域，该方法包括：获取浏览器注册端口信息、访问请求信息和测试脚本信息；根据所述浏览器注册端口信息确定目标浏览器信息；根据所述访问请求信息和所述目标浏览器信息生成测试启动指令；根据所述测试启动指令和所述测试脚本信息生成测试结果；根据所述测试结果生成分析报告，将所述分析报告发送至目标浏览器，以使所述目标浏览器显示所述分析报告。本发明可以自动进行浏览器渲染性能测试，自动生成分析报告，并将分析报告进行回传显示，能通过测试脚本信息实现有目的的测试及测试脚本信息的共享，且可以同时进行多个测试，大大提升测试效率，减小测试的工作量。

Description

浏览器渲染性能测试方法及装置

技术领域

本发明涉及测试技术领域，尤其是涉及一种浏览器渲染性能测试方法及装置。

背景技术

对于前端开发人员来说，首要关注的就是客户体验。如何在最短的时间内，呈现给客户更优质的界面，更流畅的交互，是一个需要不断深入探索优化的问题。浏览器作为前端代码执行环境，其本身的渲染性能对于客户体验来说至关重要。因此，如何对浏览器渲染性能进行测试及分析，成为值得研究的问题。在现有技术中，开发人员采用纯手动的方式，在浏览器上测试开发代码及分析渲染性能，效率低且重复工作量大。

发明内容

本发明提供了一种浏览器渲染性能测试方法及装置，可以在目标浏览器上实现自动化测试，并将渲染性能测试分析报告回传显示，供开发人员进行有针对性地分析，大大提升开发测试效率。

第一方面，本发明实施例提供了一种浏览器渲染性能测试方法，该方法包括：获取浏览器注册端口信息、访问请求信息和测试脚本信息；根据所述浏览器注册端口信息确定目标浏览器信息；根据所述访问请求信息和所述目标浏览器信息生成测试启动指令；根据所述测试启动指令和所述测试脚本信息生成测试结果；根据所述测试结果生成分析报告，将所述分析报告发送至目标浏览器，以使所述目标浏览器显示所述分析报告。

第二方面，本发明实施例还提供一种浏览器渲染性能测试装置，该装置包括：获取模块，用于获取浏览器注册端口信息、访问请求信息和测试脚本信息；识别模块，用于根据所述浏览器注册端口信息确定目标浏览器信息；部署模块，用于根据所述访问请求信息和所述目标浏览器信息生成测试启动指令；测试模块，用于根据所述测试启动指令和所述测试脚本信息生成测试结果；报告模块，用于根据所述测试结果生成分析报告，将所述分析报告发送至目标浏览器，以使所述目标浏览器显示所述分析报告。

第三方面，本发明实施例还提供一种计算机设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述浏览器渲染性能测试方法。

第四方面，本发明实施例还提供一种具有处理器可执行的非易失的程序代码的计算机可读介质，所述程序代码使所述处理器执行上述浏览器渲染性能测试方法。

本发明实施例带来了以下有益效果：本发明实施例提供了一种浏览器渲染性能测试方案，该方案通过浏览器注册端口信息识别出目标浏览器，得到目标浏览器信息，再结合访问请求信息和目标浏览器信息生成测试启动指令，之后，根据测试脚本信息和测试启动指令，自动启动有目的性的测试，得到测试结果，再根据测试结果生成分析报告，将分析报告发送至目标浏览器，从而使目标浏览器显示分析报告。本发明实施例可以自动进行浏览器渲染性能测试，自动生成分析报告，并将分析报告进行回传显示，能通过测试脚本信息实现有目的的测试及测试脚本信息的共享，且可以同时进行多个测试，大大提升测试效率，减小测试的工作量。

本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

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

图1为本发明实施例提供的浏览器渲染性能测试方法流程图；

图2为本发明实施例提供的浏览器渲染性能测试方法实施流程示意图；

图3为本发明实施例提供的浏览器渲染性能测试装置结构框图；

图4为本发明实施例提供的计算机设备结构框图。

具体实施方式

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

渲染性能是指浏览器接收到服务器返回的字节码后，转换为可视界面的效率。如何在最短的时间内，呈现给客户更优质的界面，更流畅的交互，是一个需要不断深入探索优化的问题。这其中涉及到书写的资源文件：HTML(Hyper Text Markup Language，超级文本标记语言)、CSS(Cascading Style Sheets，层叠样式表)及JS(JavaScript)是否能够最大程度地应用浏览器性能，那么如何将浏览器渲染性能进行可视化分析，并且自动化测试前端代码在浏览器上的性能，将是本申请所研究的问题。

使用渲染性能测试与分析系统对各浏览器进行自动识别，并使用最常用的脚本进行性能压力测试对浏览器进行横向比较，将会为交易银行助手产品进一步提高性能提供建设性的指导。

在现有技术中，开发人员采用纯手动的方式，在浏览器上测试开发代码及分析渲染性能，效率低且重复工作量大，并且对于性能指标无法详细量化进行可视对比；对于浏览器的渲染流水线只是进行黑盒方式使用，对浏览器脚本执行效率提升，在哪些方面进行优化没有明确的依据。

基于此，本发明实施例提供的一种浏览器渲染性能测试方法及装置，将提供给开发人员可定制的脚本录入方案，并在目标浏览器上实现自动化测试，并将渲染性能测试分析报告回传显示，供开发人员进行有针对性地分析，大大提升开发测试效率。

为便于对本实施例进行理解，首先对本发明实施例所公开的一种浏览器渲染性能测试方法进行详细介绍。

本发明实施例提供了一种浏览器渲染性能测试方法，参见图1所示的一种浏览器渲染性能测试方法流程图，该方法包括以下步骤：

步骤S102，获取浏览器注册端口信息、访问请求信息和测试脚本信息。

在本发明实施例中，测试人员通过操作视口，例如，操作视口可以是网页，利用浏览器访问框架端口，录入访问请求。在执行本方案时，获取浏览器注册端口信息、访问请求信息和测试脚本信息。其中，测试脚本信息包括测试人员预先编写的测试案例，需要预先导入测试脚本数据库。

需要说明的是，测试脚本信息可以包括专用测试案例和通用测试案例，其中专用测试案例用于对专有浏览器的渲染性能进行测试，通用测试案例用于对多种浏览器的渲染性能进行测试。测试脚本信息是基于javascript编写的可以用于自动执行测试动作的程序文件。

步骤S104，根据浏览器注册端口信息确定目标浏览器信息。

在本发明实施例中，通过浏览器注册端口信息，识别出在访问的浏览器端口、浏览器名称及浏览器类型等信息，得到目标浏览器信息。目标浏览器即为将进行渲染性能测试的浏览器。

步骤S106，根据访问请求信息和目标浏览器信息生成测试启动指令。

在本发明实施例中，监听访问请求信息，在接收到访问请求信息时，生成测试启动指令，以根据测试启动指令自动启动对目标浏览器的测试。

步骤S108，根据测试启动指令和测试脚本信息生成测试结果。

在本发明实施例中，根据测试启动指令按照测试脚本信息提供的测试案例进行测试，可以通过预先存储不同的测试脚本信息，实现有目的的测试，从而得到有针对性的测试结果。

步骤S110，根据测试结果生成分析报告，将分析报告发送至目标浏览器，以使目标浏览器显示分析报告。

在本发明实施例中，根据测试结果生成可视化的分析报告，将可视化的分析报告发送至目标流量器，从而提供给开发人员可视化结果。该可视化分析报告可以包括图片、文字、图表以及视频等多种形式的数据。

本发明实施例提供了一种浏览器渲染性能测试方案，该方案通过浏览器注册端口信息识别出目标浏览器，得到目标浏览器信息，再结合访问请求信息和目标浏览器信息生成测试启动指令，之后，根据测试脚本信息和测试启动指令，自动启动有目的性的测试，得到测试结果，再根据测试结果生成分析报告，将分析报告发送至目标浏览器，从而使目标浏览器显示分析报告。本发明实施例可以自动进行浏览器渲染性能测试，自动生成分析报告，并将分析报告进行回传显示，能通过测试脚本信息实现有目的的测试及测试脚本信息的共享，且可以同时进行多个测试，大大提升测试效率，减小测试的工作量。

考虑到为了自动生成测试结果，减少人工的逐步操作，提升测试效率，根据测试启动指令和测试脚本信息生成测试结果，可以按照如下步骤执行：

根据测试启动指令将测试脚本信息转换为可执行脚本信息；将可执行脚本信息发送至目标浏览器，以使目标浏览器执行可执行脚本信息，得到测试结果。

在本发明实施例中，测试脚本信息是人工编写的测试案例信息，根据测试启动指令，启动对测试脚本信息的处理，将测试脚本信息转换为计算机可以识别的可执行脚本信息，由于已经存储了访问请求信息和目标浏览器信息，可根据已有信息，将可执行脚本信息发送至目标浏览器，目标浏览器按照可执行脚本信息执行相应的测试步骤，即可得到测试结果。

考虑到为了优化测试脚本信息的处理速度，可以按照如下步骤执行：

根据测试启动指令利用程序测试工具将测试脚本信息转换为可执行脚本信息。

在本发明实施例中，测试工具可以是Selenium工具，Selenium是一个用于Web应用程序测试的工具，直接运行在浏览器中，就像真正的用户在操作一样。基于Selenium框架进行二次扩展开发，将测试脚本信息转换为可执行脚本信息。

考虑到该方案可以同时执行多个测试流程，为了便于对测试结果进行横向对比，根据测试结果生成分析报告，可以按照如下步骤执行：

接收多个测试结果；按照预定义格式，合并多个测试结果，得到分析报告。

在本发明实施例中，预定义格式是预先生成的自定义的报告格式，用于确定分析报告的显示效果，可以根据实际需求进行设定，本发明实施例对此不作具体限定。接收多个浏览器生成的测试结果，按照预定义格式，对多个测试结果进行合并等处理，得到分析报告。因此，分析报告可对于性能指标详细量化，进行可视对比；对浏览器脚本执行效率提升，在哪些方面进行优化提供明确的依据。

考虑到为了优化生成测试启动指令的速度，可以执行如下步骤：

根据访问请求信息和目标浏览器信息利用目标服务器生成测试启动指令。

在本发明实施例中，目标服务器可以是Nodejs服务器，是使用Nodejs搭建的基于Chrome V8引擎的JavaScript运行环境，用于监听框架端口。利用目标服务器生成测试启动指令，利用测试启动指令启动后续的测试流程。

在本发明实施例中，参见图2所示的浏览器渲染性能测试方法实施流程示意图，具体可以基于Selenium框架进行二次扩展开发，依次构建出：目标浏览器识别模块，自动化测试模块，测试框架部署模块，测试报告合成及导出模块，测试脚本库等各个组成部分，实现当测试浏览器启动访问测试框架部署模块监听的端口时，该系统通过目标浏览器识别模块，与测试浏览器所在端口进行通讯，并且读取开发人员编写的测试脚本库，推送脚本至浏览器进行自动化测试，并将该测试结果导回至测试框架部署模块，进行合成及导出，进行提供给开发人员可视化结果。

开发人员可以按照如下步骤实现本方案：

1.开发目标浏览器识别模块，通过浏览器注册端口信息，识别出目标浏览器端口及浏览器信息；

2.开发测试框架部署框架：使用nodejs搭建测试框架，用于注册端口监听并在接收到浏览器请求时，将浏览器信息传送至自动化测试模块并启动自动化测试；

3.针对开发人员编写的测试脚本，开发基于Selenium框架的自动化测试模块，接收开发测试框架传送的浏览器信息，将转换后的执行脚本传送至浏览器执行，将测试结果传至测试报告合成及导出模块；

4.开发测试报告合成及导出模块：针对浏览器生成的测试信息，合成可视化分析报告，并回传至浏览器显示及提供导出接口。

其中，目标浏览器识别模块：通过浏览器注册端口识别出目标浏览器端口及浏览器信息，启动测试框架。测试框架部署框架：注册端口监听并在接收到浏览器请求时，将浏览器信息传送至自动化测试模块并启动自动化测试；自动化测试模块：接收开发测试框架传送的浏览器信息，将转换后的执行脚本传送至浏览器执行，将测试结果传至测试报告合成及导出模块；测试报告合成及导出模块：针对浏览器生成的测试信息，合成可视化分析报告，并回传至浏览器显示及提供导出接口。

本发明实施例提供了一种浏览器渲染性能测试方法及装置，提供开发人员自定义测试脚本的方式，自动化测试前端代码在浏览器上的性能，使用渲染性能测试与分析系统对各浏览器进行自动识别，并使用最常用的脚本进行性能压力测试对浏览器进行横向比较，自动进行协议模板文本解析并返回前端显示，提供可视化的友好分析报告，将渲染性能，浏览器性能瓶颈等因素清晰明确地表述清楚，将为开发人员有针对性地进行代码效率优化及交易银行助手产品进一步提高性能提供建设性的指导。该方案基于目标端口的识别驱动依赖于系统底层驱动，封装好的底层库带有技术特殊性。

本发明实施例还提供一种浏览器渲染性能测试装置，参见图3所示的浏览器渲染性能测试装置结构框图，该装置包括：

获取模块71，用于获取浏览器注册端口信息、访问请求信息和测试脚本信息；识别模块72，用于根据浏览器注册端口信息确定目标浏览器信息；部署模块73，用于根据访问请求信息和目标浏览器信息生成测试启动指令；测试模块74，用于根据测试启动指令和测试脚本信息生成测试结果；报告模块75，用于根据测试结果生成分析报告，将分析报告发送至目标浏览器，以使目标浏览器显示分析报告。

在一个实施例中，测试模块，具体用于：根据测试启动指令将测试脚本信息转换为可执行脚本信息；将可执行脚本信息发送至目标浏览器，以使目标浏览器执行可执行脚本信息，得到测试结果。

在一个实施例中，报告模块，具体用于：接收多个测试结果；按照预定义格式，合并多个测试结果，得到分析报告。

在一个实施例中，测试模块，具体用于：根据测试启动指令利用程序测试工具将测试脚本信息转换为可执行脚本信息。

在一个实施例中，部署模块，具体用于：根据访问请求信息和目标浏览器信息利用目标服务器生成测试启动指令。

本发明实施例还提供一种计算机设备，参见图4所示的计算机设备结构示意框图，该计算机设备包括存储器81、处理器82，存储器中存储有可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述任一种方法的步骤。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的计算机设备的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本发明实施例还提供一种具有处理器可执行的非易失的程序代码的计算机可读介质，程序代码使处理器执行上述任一种方法的步骤。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

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

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

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

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种浏览器渲染性能测试方法，其特征在于，包括：

获取浏览器注册端口信息、访问请求信息和测试脚本信息；

根据所述浏览器注册端口信息确定目标浏览器信息；

根据所述访问请求信息和所述目标浏览器信息生成测试启动指令；

根据所述测试启动指令和所述测试脚本信息生成测试结果；

根据所述测试结果生成分析报告，将所述分析报告发送至目标浏览器，以使所述目标浏览器显示所述分析报告。

2.根据权利要求1所述的方法，其特征在于，根据所述测试启动指令和所述测试脚本信息生成测试结果，包括：

根据所述测试启动指令将所述测试脚本信息转换为可执行脚本信息；

将所述可执行脚本信息发送至目标浏览器，以使所述目标浏览器执行所述可执行脚本信息，得到测试结果。

3.根据权利要求2所述的方法，其特征在于，包括：

根据所述测试启动指令利用程序测试工具将所述测试脚本信息转换为可执行脚本信息。

4.根据权利要求1所述的方法，其特征在于，根据所述测试结果生成分析报告，包括：

接收多个测试结果；

按照预定义格式，合并所述多个测试结果，得到分析报告。

5.根据权利要求1所述的方法，其特征在于，包括：

根据所述访问请求信息和所述目标浏览器信息利用目标服务器生成测试启动指令。

6.一种浏览器渲染性能测试装置，其特征在于，包括：

获取模块，用于获取浏览器注册端口信息、访问请求信息和测试脚本信息；

识别模块，用于根据所述浏览器注册端口信息确定目标浏览器信息；

部署模块，用于根据所述访问请求信息和所述目标浏览器信息生成测试启动指令；

测试模块，用于根据所述测试启动指令和所述测试脚本信息生成测试结果；

报告模块，用于根据所述测试结果生成分析报告，将所述分析报告发送至目标浏览器，以使所述目标浏览器显示所述分析报告。

7.根据权利要求6所述的装置，其特征在于，所述测试模块，具体用于：

根据所述测试启动指令将所述测试脚本信息转换为可执行脚本信息；

将所述可执行脚本信息发送至目标浏览器，以使所述目标浏览器执行所述可执行脚本信息，得到测试结果。

8.根据权利要求6所述的装置，其特征在于，所述报告模块，具体用于：

接收多个测试结果；

按照预定义格式，合并所述多个测试结果，得到分析报告。

9.一种计算机设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述权利要求1至5任一项所述的方法的步骤。

10.一种具有处理器可执行的非易失的程序代码的计算机可读介质，其特征在于，所述程序代码使所述处理器执行上述权利要求1至5任一项所述的方法。

Images