[发明专利]前端应用的页面异常的监控方法及其装置

说明书

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

【技术领域】

本发明涉及研发管理技术领域，尤其涉及一种前端应用的页面异常的监控方法及其装置。

【背景技术】

前端应用，又被称作Web应用，是一种可以通过Web页面进行访问的应用。Web页面通常可以使用HTML、JavaScript等脚本语言进行编写，并使用“htm”、“html”、“js”后缀的脚本语言文件对Web页面进行存储。

用户在使用前端应用时，需要对前端应用中的Web页面进行访问，但是Web页面可能存在异常，影响用户的使用体验。

相关技术中，通过异常抛出机制来对用户访问页面时的异常进行记录，但是现有的异常抛出机制能够监控的异常类型种类较少，不能对各种类型的页面异常进行监控。

【发明内容】

有鉴于此，本发明实施例提供了一种前端应用的页面异常的监控方法及其装置，能够对各种类型的页面异常进行监控。

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

可选地，所述异常监控函数包括：脚本语言文件监控函数，静态资源监控函数，页面异步更新监控函数，无效链接监控函数，页面加载监控函数，文档对象模型结构异常监控函数，开发环境组件监控函数，内存异常和页面崩溃监控函数中的至少一种。

可选地，所述脚本语言文件监控函数通过对错误事件的监听函数进行封装，来实现对所述脚本语言文件运行过程中的异常进行监控。

可选地，所述静态资源监控函数通过窗口事件监听函数，来实现对静态资源加载过程中的异常进行捕获。

可选地，所述页面异步更新监控函数获取页面异步更新函数在出现异常时创建的图像标签，来对页面异步更新过程中的异常进行捕获。

可选地，所述无效链接监控函数通过获取页面中的有效链接，以确定所述页面中的无效链接。

可选地，所述页面加载监控函数通过对资源时间性能缓冲区溢出事件进行监听，来对页面加载过程中的崩溃进行监控。

可选地，所述文档对象模型结构异常监控函数在所述待监控页面加载完成后，通过正则匹配的方式，对文档对象模型进行异常监控。

可选地，所述开发环境组件监控函数通过错误边界组件对业务组件进行包裹，以捕获所述业务组件的异常，并结合生命周期函数，对开发环境下的所有所述业务组件的异常进行捕获。

可选地，所述内存异常和页面崩溃监控函数通过检测所述待监控应用中的页面的内存使用情况，来监控内存异常，以及通过代理服务器接收所述待监控应用中的页面的崩溃情况，来监控页面崩溃异常。