前端应用的页面异常的监控方法及其装置制造方法及图纸

本发明专利技术公开了一种前端应用的页面异常的监控方法及其装置，涉及研发管理技术领域。该方法包括：获取待监控前端应用的脚本语言文件，在待监控前端应用的脚本语言文件中设置异常监控标签。其中，异常监控标签用于调用异常监控脚本，异常监控脚本包括多个异常监控函数。获取待监控前端应用对应的访问请求，根据访问请求，加载待监控前端应用中的页面，以及异常监控脚本。将异常监控函数检测到的异常数据进行封装，并将异常数据发送至异常监控平台。由此，实现了通过包括多个异常监控函数的异常监控脚本对待监控前端应用的页面异常进行监控，能够对各种类型的页面异常进行监控。

【技术实现步骤摘要】
前端应用的页面异常的监控方法及其装置
本专利技术涉及研发管理
，尤其涉及一种前端应用的页面异常的监控方法及其装置。
技术介绍
前端应用，又被称作Web应用，是一种可以通过Web页面进行访问的应用。Web页面通常可以使用HTML、JavaScript等脚本语言进行编写，并使用“htm”、“html”、“js”后缀的脚本语言文件对Web页面进行存储。用户在使用前端应用时，需要对前端应用中的Web页面进行访问，但是Web页面可能存在异常，影响用户的使用体验。相关技术中，通过异常抛出机制来对用户访问页面时的异常进行记录，但是现有的异常抛出机制能够监控的异常类型种类较少，不能对各种类型的页面异常进行监控。
技术实现思路
有鉴于此，本专利技术实施例提供了一种前端应用的页面异常的监控方法及其装置，能够对各种类型的页面异常进行监控。一方面，本专利技术实施例提供了一种前端应用的页面异常的监控方法，包括：获取待监控前端应用的脚本语言文件；在所述待监控前端应用的脚本语言文件中设置异常监控标签；其中，所述异常监控标签用于调用异常监控脚本，所述异常监控脚本包括多个异常监控函数；获取所述待监控前端应用对应的访问请求；根据所述访问请求，加载所述待监控前端应用中的页面，以及所述异常监控脚本；以及将所述异常监控函数检测到的异常数据进行封装，并将所述异常数据发送至异常监控平台。可选地，所述异常监控函数包括：脚本语言文件监控函数，静态资源监控函数，页面异步更新监控函数，无效链接监控函数，页面加载监控函数，文档对象模型结构异常监控函数，开发环境组件监控函数，内存异常和页面崩溃监控函数中的至少一种。可选地，所述脚本语言文件监控函数通过对错误事件的监听函数进行封装，来实现对所述脚本语言文件运行过程中的异常进行监控。可选地，所述静态资源监控函数通过窗口事件监听函数，来实现对静态资源加载过程中的异常进行捕获。可选地，所述页面异步更新监控函数获取页面异步更新函数在出现异常时创建的图像标签，来对页面异步更新过程中的异常进行捕获。可选地，所述无效链接监控函数通过获取页面中的有效链接，以确定所述页面中的无效链接。可选地，所述页面加载监控函数通过对资源时间性能缓冲区溢出事件进行监听，来对页面加载过程中的崩溃进行监控。可选地，所述文档对象模型结构异常监控函数在所述待监控页面加载完成后，通过正则匹配的方式，对文档对象模型进行异常监控。可选地，所述开发环境组件监控函数通过错误边界组件对业务组件进行包裹，以捕获所述业务组件的异常，并结合生命周期函数，对开发环境下的所有所述业务组件的异常进行捕获。可选地，所述内存异常和页面崩溃监控函数通过检测所述待监控应用中的页面的内存使用情况，来监控内存异常，以及通过代理服务器接收所述待监控应用中的页面的崩溃情况，来监控页面崩溃异常。一方面，本专利技术实施例提供了一种前端应用的页面异常的监控装置，包括：第一获取模块，用于获取待监控前端应用的脚本语言文件；设置模块，用于在所述待监控前端应用的脚本语言文件中设置异常监控标签；其中，所述异常监控标签用于调用异常监控脚本，所述异常监控脚本包括多个异常监控函数；第二获取模块，用于获取所述待监控前端应用对应的访问请求；加载模块，用于根据所述访问请求，加载所述待监控前端应用中的页面，以及所述异常监控脚本；封装模块，用于将所述异常监控函数检测到的异常数据进行封装；以及发送模块，用于将所述异常数据发送至异常监控平台。可选地，所述异常监控函数包括：脚本语言文件监控函数，静态资源监控函数，页面异步更新监控函数，无效链接监控函数，页面加载监控函数，文档对象模型结构异常监控函数，开发环境组件监控函数，内存异常和页面崩溃监控函数中的至少一种。可选地，所述脚本语言文件监控函数通过对错误事件的监听函数进行封装，来实现对所述脚本语言文件运行过程中的异常进行监控。可选地，所述静态资源监控函数通过窗口事件监听函数，来实现对静态资源加载过程中的异常进行捕获。可选地，所述页面异步更新监控函数获取页面异步更新函数在出现异常时创建的图像标签，来对页面异步更新过程中的异常进行捕获。可选地，所述无效链接监控函数通过获取页面中的有效链接，以确定所述页面中的无效链接。可选地，所述页面加载监控函数通过对资源时间性能缓冲区溢出事件进行监听，来对页面加载过程中的崩溃进行监控。可选地，所述文档对象模型结构异常监控函数在所述待监控页面加载完成后，通过正则匹配的方式，对文档对象模型进行异常监控。可选地，所述开发环境组件监控函数通过错误边界组件对业务组件进行包裹，以捕获所述业务组件的异常，并结合生命周期函数，对开发环境下的所有所述业务组件的异常进行捕获。可选地，所述内存异常和页面崩溃监控函数通过检测所述待监控应用中的页面的内存使用情况，来监控内存异常，以及通过代理服务器接收所述待监控应用中的页面的崩溃情况，来监控页面崩溃异常。一方面，本专利技术实施例提供了一种计算机设备，包括存储器和处理器，所述存储器用于存储包括程序指令的信息，所述处理器用于控制程序指令的执行，所述程序指令被处理器加载并执行时实现上述的前端应用的页面异常的监控方法的步骤。一方面，本专利技术实施例提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的程序，其中，在所述程序运行时控制所述计算机可读存储介质所在设备执行上述的前端应用的页面异常的监控方法的步骤。在本专利技术实施例中，通过包括多个异常监控函数的异常监控脚本对待监控前端应用的页面异常进行监控，能够对各种类型的页面异常进行监控。【附图说明】为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其它的附图。图1为本专利技术实施例所提供的一种前端应用的页面异常的监控方法的流程示意图；图2为本专利技术实施例所提出的一种前端应用的页面异常的监控装置的结构示意图；以及图3为本专利技术实施例提供的一种计算机设备的示意图。【具体实施方式】为了更好的理解本专利技术的技术方案，下面结合附图对本专利技术实施例进行详细描述。应当明确，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本专利技术保护的范围。在本专利技术实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本专利技术。在本专利技术实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的相同的字段，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文档来自技高网...

【技术保护点】
1.一种前端应用的页面异常的监控方法，其特征在于，包括：/n获取待监控前端应用的脚本语言文件；/n在所述待监控前端应用的脚本语言文件中设置异常监控标签；其中，所述异常监控标签用于调用异常监控脚本，所述异常监控脚本包括多个异常监控函数；/n获取所述待监控前端应用对应的访问请求；/n根据所述访问请求，加载所述待监控前端应用中的页面，以及所述异常监控脚本；以及/n将所述异常监控函数检测到的异常数据进行封装，并将所述异常数据发送至异常监控平台。/n

【技术特征摘要】
1.一种前端应用的页面异常的监控方法，其特征在于，包括：
获取待监控前端应用的脚本语言文件；
在所述待监控前端应用的脚本语言文件中设置异常监控标签；其中，所述异常监控标签用于调用异常监控脚本，所述异常监控脚本包括多个异常监控函数；
获取所述待监控前端应用对应的访问请求；
根据所述访问请求，加载所述待监控前端应用中的页面，以及所述异常监控脚本；以及
将所述异常监控函数检测到的异常数据进行封装，并将所述异常数据发送至异常监控平台。


2.如权利要求1所述的监控方法，其特征在于，所述异常监控函数包括：脚本语言文件监控函数，静态资源监控函数，页面异步更新监控函数，无效链接监控函数，页面加载监控函数，文档对象模型结构异常监控函数，开发环境组件监控函数，内存异常和页面崩溃监控函数中的至少一种。


3.如权利要求2所述的监控方法，其特征在于，所述脚本语言文件监控函数通过对错误事件的监听函数进行封装，来实现对所述脚本语言文件运行过程中的异常进行监控。


4.如权利要求2所述的监控方法，其特征在于，所述静态资源监控函数通过窗口事件监听函数，来实现对静态资源加载过程中的异常进行捕获。


5.如权利要求2所述的监控方法，其特征在于，所述页面异步更新监控函数获取页面异步更新函数在出现异常时创建的图...

【专利技术属性】
技术研发人员：方家亮，
申请(专利权)人：平安健康保险股份有限公司，
类型：发明
国别省市：上海;31