一篇文章教你如何捕获前端错误

发布时间：2019-07-16 08:50:53 所属栏目：评测来源：黄文佳

导读：副标题#e# 随着前端页面承载功能越来越多，用户本地浏览器环境也错综复杂，因此即使有完善的测试，我们也无法保证上线的代码不会出错。在这种场景下，前端页面的监控就成了各个web项目必备的工具。一般对页面的监控包含页面性能、页面错误以及用户行为路径

这个错误不会被window.onerror以及window.addEventListener('error')捕获，但是有专门的window.addEventListener('unhandledrejection')方法进行捕获处理。

window.addEventListener('rejectionhandled', event => { 
  // 错误的详细信息在reason字段 
  // demo:settimeout error 
  console.log(event.reason); 
});

对于fetch和xhr，我们需要通过改写它们的原生方法，在触发错误时进行自动化的捕获和上报。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!