从零开始搭建一个前端日志框架
前言 原谅我起了一个这么大的标题，当了一回标题党😛 之前一直做B端系统，针对线上错误引入了 来收集错误日志，一开始还能盯着告警邮件，后面告警越来越多就选择性忽视了🤪，大伙可千万别学我，我忽视的可都是不影响业务和流程的报错（嗨，还在找借口🤣），让我想起来每次说我爸骑车闯红灯，他都会说是在不影响安全的情况下闯的，有那么点异曲同工之妙了。 入职新公司后顺理成章也接入了 ，满心期待着能发挥他的作用，果然不多久产品就反馈说线上出问题了，说是...
一篇讲透自研的前端错误监控
○ 二、产品设计 我们要什么样的一个产品呢，根据第一性原理，解决关键问题“怎么定位问题”。 通过5W1H法我们来分析，我们想要知道些什么信息呢？ 错误信息 其实错误监控说简单就一句话可以描述，搜集页面错误，进行上报，然后对症分析。 按照5W1H法则进行分析这句话，可以发现有几项需要我们关注。 1. What，发⽣了什么错误：逻辑错误、数据错误、⽹络错误、语法错误等。 2. When，出现的时间段，如时间戳。 3. Who，影响了多少用户...
前端性能监控和错误收集与上报
错误信息收集方案： 前端错误分为：代码执行错误、资源加载错误 一、try catch 这种方式需要开发者手动对预估存在错误风险进行包裹，这种可以手动完成也可以通过自动化工具和类库完成。自动化工具也是基于AST实现的，比如UglityJS等。 try catch的特点： 对于处理运行时非异步错误没问题，但无法处理语法错误和异步错误。 总结：try catch有局限性，且对代码侵入性强 二、window.onerror 事件冒泡的方式处理...
错误处理
1.可疑区域增加 2.全局监控 异常 3.全局监控静态资源异常 4.捕获没有 的 异常： 5. 和 6.监控网页崩溃： 对象的 和 7.跨域 解决
错误捕获
1. ## Promise异步错误：通过unhandledrejection事件捕获 1.