网页异常的监控方法、装置、存储介质及计算机设备与流程

本发明涉及网页监控应用技术领域，特别是涉及一种网页异常的监控方法、装置、存储介质及计算机设备。

背景技术：

目前市场上具有众多的手机机型，在进行页面前端开发的过程中，对一个功能进行的测试，在一种机型上可以得到有效验证，但是在另一种机型上对同一个功能进行测试时，不一定就能够得到有效验证，即很难做到一个功能的有效测试验证可以在所有机型进行。对于生产上出现的机型兼容问题，会直接通过页面异常进行报错。由于网页页面运行在浏览器客户端，为了方便监控网页页面运行是否正常，目前常见的方法是在客户端采集配置代码，使得客户端在网页页面出现异常时，可以上报错误信息。

由于大流量的网站往往一秒钟就可以处理数万条运行错误信息，在监控设备进行页面异常分析时，需要先将大量的错误信息按照错误类型进行分类，再进行页面异常分析，以实现对页面异常的监控。现有技术的这种网页监控方式很难快速定位异常位置，无法快速准确地得知目标流程节点的哪个部分出现了问题。如何快速精准地定位页面测试异常报错的位置，以对相应的机型进行改善，方便日后进行有效的测试，成为亟待解决的问题。

技术实现要素：

本申请实施例提供一种网页异常的监控方法、装置、存储介质及计算机设备，以解决现有技术中，在出现网页异常报错时，现有的网页监控方式很难快速定位到目标流程节点的异常位置，以对相应的机型进行改善，方便日后进行有效的测试的问题。

为解决上述技术问题，本申请实施例采用的第一技术方案如下：

一种网页异常的监控方法，其包括以下步骤：对网页各个目标流程节点的异常报错进行实时监控；当监控到出现异常报错的所述目标流程节点时，则获取所述目标流程节点所包含数据内的异常部分数据；对所述目标流程节点的异常部分数据进行可视化处理。

进一步地，获取所述目标流程节点所包含数据内的异常部分数据，包括：获取所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据。

进一步地，在获取所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据之后，还包括：

将所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据进行分类配置，并使用多个不同的预设符号分别替代分类配置后的所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据。

进一步地，在获取所述目标流程节点所包含数据内的异常部分数据之后，还包括：将所述异常部分数据进行保存并生成错误监控日志。

进一步地，对所述目标流程节点的异常部分数据进行可视化处理，包括：根据异常报错的类型和位置，选择与所述类型和所述位置相匹配的显示方式将所述目标流程节点的异常部分数据展示在前端显示页面上，其中展示的异常部分数据包括异常报错的位置；

其中，在将所述目标流程节点的异常部分数据展示在前端显示页面上之后，还包括：

发出警报信号或显示提示信号。

进一步地，在所述选择与其相匹配的方式将所述目标流程节点的异常部分数据展示在前端显示页面上之后，还包括：获取异常报错产生的原因，若能得出该异常报错产生的原因，则将该异常报错产生的原因及其对应的异常报错信息同框展示在前端显示页面上，以供用户进行参考；若不能获取到异常报错产生的原因，则将所述目标流程节点的异常部分数据展示在显示页面上，显示要求用户进行异常报错原因排查的提示信息，并将所述目标流程节点的异常部分数据和所述提示信息进行同框显示。

为解决上述技术问题，本申请实施例采用的第二技术方案如下：

一种网页异常的监控装置，其包括：实时监控模块，其用于对网页各个目标流程节点的异常报错进行实时监控；数据获取模块，其用于当监控到出现异常报错的所述目标流程节点时，则获取所述目标流程节点所包含数据内的异常部分数据；可视处理模块，其用于对所述目标流程节点的异常部分数据进行可视化处理。

为解决上述技术问题，本申请实施例采用的第三技术方案如下：

一种存储介质，其为计算机可读的存储介质，其上存储有计算机可读的计算机程序，所述计算机程序被执行时实现如上述的网页异常的监控方法。

为解决上述技术问题，本申请实施例采用的第四技术方案如下：

一种计算机设备，其包括处理器、存储器及存储于所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上述的网页异常的监控方法。

本申请实施例的有益效果是：区别于现有技术的情况，本申请实施例通过对网页各个目标流程节点的异常报错进行实时监控，获取所述目标流程节点所包含数据内的异常部分数据，对所述目标流程节点的异常部分数据进行可视化处理，可快速地定位到异常位置，准确地获知所述目标流程节点的异常部分，解决了现有技术中，在出现网页异常报错时，现有的网页监控方式很难快速定位到目标流程节点的异常位置，以对相应的机型进行改善，方便日后进行有效的测试的问题。

附图说明

图1是本申请实施例一的网页异常的监控方法一实施方式的实施流程图；

图2是本申请实施例二的网页异常的监控方法一实施方式的另一实施流程图；

图3是本申请实施例三的网页异常的监控装置一实施方式的框架结构图；

图4是本申请实施例四的计算机可读存储介质一实施方式的部分框架示意图；

图5是本申请实施例五的计算机设备一实施方式的部分框架示意图。

具体实施方式

实施例一

请参考图1，图1是本申请实施例的网页异常的监控方法的实施流程图，结合图1可以得到，本申请实施例的网页异常的监控方法，用于对网页的异常情况进行监控，其包括以下步骤：

步骤s101：对网页各个目标流程节点的异常报错进行实时监控，包括对web网页前端和后端的异常报错进行实时监控。

在本步骤中，可选地，实行实时监控网页各个目标流程节点异常的监控系统已经在进行实时监控之前配置完成，可直接使用该监控系统对目标流程节点进行实时监控。web前端顾名思义是来做web的前端的，也就是在web应用中用户可以看得见碰得着的东西，包括web页面的结构、web的外观视觉表现以及web层面的交互实现。web后端更多的是与数据库进行交互以处理相应的业务逻辑，需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

在本实施例中，测试一个项目，需要测试其所有的步骤，每个步骤包含一些目标流程节点(即关键流程节点)，因为测试软件的适应性问题，测试软件对于有些机型不大适应，在某些目标流程节点上就会出现测试异常，此时就需要对测试软件进行改进，以适应机型的测试，而对测试软件进行改进的基础就是对其异常报错进行监控和总结，需要对其异常报错的位置进行定位。

步骤s102：当监控到出现异常报错的所述目标流程节点时，则获取所述目标流程节点所包含数据内的异常部分数据。

在本步骤中，可选地，其中，获取该目标流程节点所包含的异常数据，即是为了精准地定位异常报错的位置，实现快速的异常报错定位，包括前端报错和后端报错。其中，错误类型指的是，由于测试内容和重点不同，不同机型的测试，更注重因本地化引起的错误，其错误类型主要分为两大类：第一、由于源程序软件编码错误引起的；第二，由于软件本地化引起的。其中，由于软件本地化产生的错误类型包括语句没有翻译、翻译错误和控件布局错误等，另外对于东亚语系软件，可能还存在双字节字符显示错误等。

步骤s103：对所述目标流程节点的异常部分数据进行可视化处理。

在本步骤中，可选地，对所述目标流程节点的异常部分数据进行可视化处理，包括：

根据异常报错的类型和位置，选择与所述类型和所述位置相匹配的显示方式将所述目标流程节点的异常部分数据展示在前端显示页面上。其中，展示的异常部分数据包括异常报错的位置。

本申请实施例通过对网页各个目标流程节点的异常报错进行实时监控，获取所述目标流程节点所包含数据内的异常部分数据，对所述目标流程节点的异常部分数据进行可视化处理，可快速地定位到异常位置，准确地获知所述目标流程节点的异常部分，解决了现有技术中，在出现网页异常报错时，现有的网页监控方式很难快速定位到目标流程节点的异常位置，以对相应的机型进行改善，方便日后进行有效的测试的问题。

实施例二

请参考图2，图2是本申请实施例的网页异常的监控方法的另一实施流程图，结合图2可以得到，本申请实施例的一种网页异常的监控方法，用于对网页的异常情况进行监控，其包括以下步骤：

步骤s201：对网页各个目标流程节点的异常报错进行实时监控，包括对web网页前端和后端的异常报错进行实时监控。

在本步骤中，可选地，实行实时监控网页各个目标流程节点异常的监控系统已经在进行实时监控之前配置完成，可直接使用该监控系统对目标流程节点进行实时监控。web前端顾名思义是来做web的前端的，也就是在web应用中用户可以看得见碰得着的东西，包括web页面的结构、web的外观视觉表现以及web层面的交互实现。web后端更多的是与数据库进行交互以处理相应的业务逻辑，需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

在本实施例中，测试一个项目，需要测试其所有的步骤，每个步骤包含一些目标流程节点(即关键流程节点)，因为测试软件的适应性问题，测试软件对于有些机型不大适应，在某些目标流程节点上就会出现测试异常，此时就需要对测试软件进行改进，以适应机型的测试，而对测试软件进行改进的基础就是对其异常报错进行监控和总结，需要对其异常报错的位置进行定位。

步骤s202：当监控到出现异常报错的所述目标流程节点时，则获取所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据。

在本步骤中，获取所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据，即获取该目标流程节点所包含的异常数据，是为了精准地定位异常报错的位置，实现快速的异常报错定位，包括前端报错和后端报错。其中，错误类型指的是，由于测试内容和重点不同，不同机型的测试，更注重因本地化引起的错误，其错误类型主要分为两大类：第一、由于源程序软件编码错误引起的；第二，由于软件本地化引起的。其中，由于软件本地化产生的错误类型包括语句没有翻译、翻译错误和控件布局错误等，另外对于东亚语系软件，可能还存在双字节字符显示错误等。

步骤s203：根据异常报错的类型和位置，选择与所述类型和所述位置相匹配的显示方式将所述目标流程节点的异常部分数据展示在前端显示页面上，其中展示的异常部分数据包括异常报错的位置。

在本步骤中，可选地，其中，在将所述目标流程节点的异常部分数据展示在前端显示页面上之后，还包括：

发出警报信号或显示提示信号，以提醒工作人员进行处理。

步骤s204：获取异常报错产生的原因，若能获取该异常报错产生的原因，则将该异常报错产生的原因及其对应的异常报错信息同框展示在前端显示页面上，以供用户进行参考。

其中，获取异常报错的方法根据异常报错产生的位置来确定，即根据异常报错的位置确定异常报错的内容，并根据该异常报错的内容来获取异常报错的原因，即根据异常报错的代码结构来获取异常报错的原因。

步骤s205：若不能获取到异常报错产生的原因，则将所述目标流程节点的异常部分数据展示在显示页面上，显示要求用户进行异常报错原因排查的提示信息，并将所述目标流程节点的异常部分数据和所述提示信息进行同框显示。

由于各种原因，有可能排查不出异常报错的原因，需要对其进行记录，以及提醒用户进行检查。在本实施例中，通过同框显示提示用户进行异常报错原因排查的信息，可有效地提醒用户及时排查异常报错的原因，避免遗漏检查工作。

在本实施例中，可选地，在获取所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据之后，还包括：

将所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据进行分类配置，使用多个不同的预设符号分别将所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据进行替代。

在本实施例中，可选地，在展示异常报错时只将其对应的替代符号进行显示。其中，当检测到用户点击所述替代符号的信号时，则显示所述替代符号对应的异常报错的内容，并显示所述替代符号代表的含义及异常报错发生的具体位置。

在本实施例中，将报错信息进行分类配置可以简化异常报错方式，简化可视化的程序，减少程序步骤，使工作人员只需看到替代符号即可知道异常报错的具体位置。另外，本实施例通过点击所述替代符号等方式便可进一步详细了解异常报错的内容，避免了工作人员忘记所述替代符号代表的含义，以致工作人员不能明白异常报错发生的具体位置的问题。

在本实施例中，可选地，在获取所述目标流程节点所包含数据内的异常部分数据之后，还包括：

将所述异常部分数据进行保存并生成错误监控日志，以为后续监控提供参考。另外，生成错误监控日志是对于目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据的有条理的整理，对于实现异常部分数据的可视化起到了关键的作用，可以使人一目了然地了解异常报错的具体位置。

本申请实施例通过对网页各个目标流程节点的异常报错进行实时监控，获取所述目标流程节点所包含数据内的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据，对所述目标流程节点的异常部分数据进行可视化处理，即根据异常报错的类型和位置，选择与所述类型和所述位置相匹配的方式将所述目标流程节点的异常部分数据展示在前端显示页面上，其中展示的数据包括异常报错的位置，可快速地定位到异常位置，准确地获知所述目标流程节点的异常部分，解决了现有技术中，在出现网页异常报错时，现有的网页监控方式很难快速定位到目标流程节点的异常位置，以对相应的机型进行改善，方便日后进行有效的测试的问题。

实施例三

请参阅图3，图3是本申请实施例的网页异常的监控装置的框架结构图，结合图3可以得到，本申请实施例的一种网页异常的监控装置30，包括：

实时监控模块31，其用于对网页各个目标流程节点的异常报错进行实时监控。

在本实施例中，可选地，实行实时监控网页各个目标流程节点异常的监控系统已经在进行实时监控之前配置完成，可直接使用该监控系统对目标流程节点进行实时监控。web前端顾名思义是来做web的前端的，也就是在web应用中用户可以看得见碰得着的东西，包括web页面的结构、web的外观视觉表现以及web层面的交互实现。web后端更多的是与数据库进行交互以处理相应的业务逻辑，需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。

在本实施例中，测试一个项目，需要测试其所有的步骤，每个步骤包含一些目标流程节点(即关键流程节点)，因为测试软件的适应性问题，测试软件对于有些机型不大适应，在某些目标流程节点上就会出现测试异常，此时就需要对测试软件进行改进，以适应机型的测试，而对测试软件进行改进的基础就是对其异常报错进行监控和总结，需要对其异常报错的位置进行定位。

数据获取模块32，其用于当监控到出现异常报错的所述目标流程节点时，则获取所述目标流程节点所包含数据内的异常部分数据。

在本实施例中，可选地，其中，获取该目标流程节点所包含的异常数据，即是为了精准地定位异常报错的位置，实现快速的异常报错定位，包括前端报错和后端报错。其中，错误类型指的是，由于测试内容和重点不同，不同机型的测试，更注重因本地化引起的错误，其错误类型主要分为两大类：第一、由于源程序软件编码错误引起的；第二，由于软件本地化引起的。其中，由于软件本地化产生的错误类型包括语句没有翻译、翻译错误和控件布局错误等，另外对于东亚语系软件，可能还存在双字节字符显示错误等。

可视处理模块33，其用于对所述目标流程节点的异常部分数据进行可视化处理。

在本实施例中，可选地，对所述目标流程节点的异常部分数据进行可视化处理，包括：

根据异常报错的类型和位置，选择与其相匹配的方式将该关键流程节点的异常部分数据展示在前端显示页面上。其中，展示数据包括异常报错的位置。

在本实施例中，可选地，所述数据获取模块32包括：

数据获取单元，其用于获取所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据。

自定义单元，其用于将所述目标流程节点的错误类型、错误代码、报错页面来源、报错行数、报错信息和用户代理数据进行分类配置，使用多个不同的预设符号分别将其替代，且在展示异常报错时只将其对应的替代符号进行显示。

日志生成单元，其用于将所述异常部分数据进行保存并生成错误监控日志，以为后续监控提供参考。

在本实施例中，可选地，所述可视处理模块33包括：

显示单元，其用于根据异常报错的类型和位置，选择与其相匹配的方式将所述目标流程节点的异常部分数据展示在前端显示页面上，其中展示的数据包括异常报错的位置。

警报单元，其用于在检测到目标流程节点的异常报错之后，发出警报信号或显示提示信号，以提醒工作人员进行处理。

获取单元，其用于获取目标流程节点异常报错产生的原因。

处理单元，其用于当能得出该异常报错产生的原因时，则将该异常报错产生的原因及其对应的异常报错信息同框展示在前端显示页面上，以供用户进行参考，当不能获取到异常报错产生的原因时，则将所述目标流程节点的异常部分数据展示在显示页面上，显示要求用户进行异常报错原因排查的提示信息，并将所述目标流程节点的异常部分数据和所述提示信息进行同框显示。

本申请实施例通过所述实时监控模块31对网页各个目标流程节点的异常报错进行实时监控，通过数据获取模块32在监控到出现异常报错的所述目标流程节点时，获取所述目标流程节点所包含数据内的异常部分数据，通过可视处理模块33对所述目标流程节点的异常部分数据进行可视化处理，可快速地定位到异常位置，准确地获知所述目标流程节点的异常部分，解决了现有技术中，在出现网页异常报错时，现有的网页监控方式很难快速定位到目标流程节点的异常位置，以对相应的机型进行改善，方便日后进行有效的测试的问题。

实施例四

请参阅图4，参考图4可以看到，本申请实施例的一种存储介质10，所述的存储介质10，如：rom/ram、磁碟、光盘等，其为计算机可读的存储介质10，其上存储有计算机可读的计算机程序11，所述计算机程序11被执行时实现如实施例一或实施例二所述的网页异常的监控方法。

本申请实施例实现的网页异常的监控方法，通过对网页各个目标流程节点的异常报错进行实时监控，获取所述目标流程节点所包含数据内的异常部分数据，对所述目标流程节点的异常部分数据进行可视化处理，可快速地定位到异常位置，准确地获知所述目标流程节点的异常部分，解决了现有技术中，在出现网页异常报错时，现有的网页监控方式很难快速定位到目标流程节点的异常位置，以对相应的机型进行改善，方便日后进行有效的测试的问题。

实施例五

请参阅图5，参考图5可以看到，本申请实施例的一种计算机设备20，其包括处理器21、存储器22及存储于所述存储器22上并可在所述处理器21上运行的计算机程序221，所述处理器21执行所述计算机程序221时实现如实施例一或实施例二所述的网页异常的监控方法。

本申请实施例实现的网页异常的监控方法，通过对网页各个目标流程节点的异常报错进行实时监控，获取所述目标流程节点所包含数据内的异常部分数据，对所述目标流程节点的异常部分数据进行可视化处理，可快速地定位到异常位置，准确地获知所述目标流程节点的异常部分，解决了现有技术中，在出现网页异常报错时，现有的网页监控方式很难快速定位到目标流程节点的异常位置，以对相应的机型进行改善，方便日后进行有效的测试的问题。

以上所述仅为本发明的实施方式，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。