首先先看看如何捕获异常。 js异常的特点是,出现不会导致JS引擎崩溃 最多只会终止当前执行的任务。比如一个页面有两个按钮，如果点击按钮发生异常页面，这个时候页面不会崩溃，只是这个按钮的功能失效，其他按钮还会有效。 上面的例子我们用setTimeout分别启动了两个任务，虽然第一…

上一章，介绍了，为啥前端需要线上bug追踪系统，以及简单的在sentry注册了一个账号，做了一个小demo，演示了初步的流程。 这章继续接上一章，如何解决前两个疼点。 刷新浏览器，再次进入sentry后 可以看到【版本】这个按钮里面有了【指定的】版本号。 现在每次线上报的bug…

一、背景 公司客户端项目是基于Electron开发的，里面集成了一些第三方的插件和库，经常会遇到一些兼容性和性能问题，目前是通过用户反馈，运维去远程协助，处理不了的就会提bug给开发人员排查，部分问题

前端监控一直开发生产中很重要的一环，因为组内原本的项目监控机制不能通用以及新项目暂时还没有完善的前端监控，所以想着自己研究搭建一下可行的前端监控方案。所以就有了这篇文章，小公司节约成本，收费的监控方案就不考虑了，采用的就是免费方案中最主流的 sentry～😄 回归本质，学 D…

很多公司都会搭建自己的错误监控系统。我自己想尝试搭建监控系统，源于我们公司内部小程序线上报错，不能及时定位问题，刚好看到有博文在推荐sentry,于是我饶有兴趣去关注它。 依照个人或公司需求填写如上信息。因为我是个人项目测试，填写的是自己相关的信息 其实方法很简单的。就是git…

最近对前端监控很有兴趣，所以去使用了前端监控里优秀的开源库Sentry，并且研究了下Sentry源码，整理出这一系列的文章，希望能帮助大家更好地了解前端监控原理。 这一系列的文章我将结合官网api与流程图的方式，通俗易懂地讲解整个流程。 说明：packages/browser/…

在 Electron 客户端中渲染的 react 技术栈的 web 页面，sentry 上传 sourcemap 报错问题解决

异常捕获是改善软件质量的跟踪手段之一，常见的方式是记录日志，从日志分析异常问题进而跟进。对于前端项目来说，异常可能是后端接口数据导致，可能是前端本身业务逻辑问题导致

1.在sentry官网创建一个sentry账号，填写相关信息点击‘继续’按钮2.新建项目：（注：vue在Brower下）3.继续下一步，到Sendaneventfromyourapplication这