[发明专利]一种实现script error监控和上报的方法

权利要求书

1.一种实现Script error监控和上报的方法，其特征在于，包括：

步骤S100：捕获异常信息，所述异常信息包括JS运行时的错误、未处理Promise错误、资源加载异常错误和接口错误；

步骤S200：将捕获的异常信息上报至收集平台，具体包括：

步骤S210：当捕获到异常信息时，首先是构建错误对象，再将异常信息传递给接口，所述错误对象包含errorMessage、scriptURI、lineNo、columnNo和stack属性；

步骤S220：新建一个XMLHttpRequest类的对象xhr，然后利用xhr的open函数发送给node中间层，将open函数中需要请求的方式设置为post；

步骤S230：设置请求头，进行跨源通信，捕获具体报错信息，并发送给服务器进行处理；

步骤S240：对象xhr调用send函数，将所述步骤S210中构建的错误对象发送给服务器；

步骤S250：采用source-map插件进行sourceMap解析并定义post接口，获取前端传过来的错误信息且压缩文件路径；

步骤S260：通过前端传过来的异常文件路径获取服务器端map文件地址，然后将压缩后的行列号传递给sourceMap返回的promise对象解析具体报错信息，将异常信息上报至后台服务器。

2.根据权利要求1所述的一种实现Script error监控和上报的方法，其特征在于，所述步骤S100具体包括：

采用window.onerror监控和函数window.addEventListener('error')捕获JS运行时的错误类型，其中window.onerror含有详细的error信息error.stack；

采用函数window.addEventListener('unhandledrejection')捕获未处理promise错误；

采用window.addEventListener('error')捕获资源加载异常错误；

采用封装xmlHttpRequest或者fetch函数捕获全局的接口错误。

3.根据权利要求1所述的一种实现Script error监控和上报的方法，其特征在于，所述步骤S230具体包括：

步骤S231：为页面上script标签添加crossorigin属性，增加crossorigin属性后，浏览器将自动在请求头中添加一个Origin字段，发起跨来源资源共享请求，Origin向后台服务端表明了请求来源，服务端将根据来源判断是否正常响应；

步骤S232：响应头中增加Access-Control-Allow-Origin来支持跨域资源共享；

步骤S233：定义域名的Access-Control-Allow-Origin的响应头中需带上Vary:Origin，所述Vary字段用于为缓存服务器提供缓存规则及缓存筛选的依据；

步骤S234：捕获到具体的报错信息。

4.根据权利要求1所述的一种实现Script error监控和上报的方法，其特征在于，所述步骤S260具体包括：构建一个错误信息对象，所述错误信息对象包含报错信息、报错文件路径、报错文件行号、报错文件列号和报错堆栈属性。