浏览器相关(四)前端监控补充与实践

152 阅读1分钟

网络请求错误捕获

方式一: XHR hack

原理很简单:引用原型链上的函数,在send之前给load,error,abort事件加上回调函数,以收集每次网络请求的情况。

注意点:需要hack open方法,以保证万一直接向监控地址发起网络请求的时候不会上报此次网络请求状况,以免会产生死循环。


方式二:

如果使用了Axios库,可以在拦截器中上报网络请求的状态。

Vue项目的错误处理

下文中反映了window.onerror不能捕捉到vue的错误,这个需要进一步测试

segmentfault.com/q/101000002…

blog.fundebug.com/2019/06/17/…

SourceMap定位错误:

www.zhihu.com/question/28…

实践