Fundebug抓到了这个Bug

dreamtecher 发布于2019-08-21 14:53 / 929人阅读

摘要：得益于实时监测，小明及时修复了这些问题。然而，小明最初却忽略了的报警。回放月日早上，小明收到一封报警邮件网站是基于实现，这个错误与页面之间的跳转有关。小明意识到问题的严重性之后，查找了跳转相关的代码。

Fundebug网站使用了我们自己的JavaScript错误监控插件，这样代码一旦发生错误，程序员小明就会及时收到报警邮件。

我们的前端代码做过严格的单元测试和端到端测试，讲(xiang)道(dang)理(ran)不会出什么错误。

然而，现实是残酷的，总会有各种Bug出现：

this.$parent.elctrl is undefined,

Attempted to redefine property "authenticate".,

Cannot read property "language" of null

...

乍一看这些错误也没什么，然而事实证明它们其实是一个个大写的Bug。得益于Fundebug实时监测，小明及时修复了这些问题。(此处应有掌声^*^)

今天呢，我们来聊聊其中一个Bug。这个Bug是由于拼写失误造成的，它会导致网页无法正常显示，虽说刷新一下就好了，但是却会影响用户体验。然而，小明最初却忽略了Fundebug的报警。

每一次报错都是一个潜在的Bug，不容忽视。

Bug回放

11月15日早上8:56，小明收到一封报警邮件：

Fundebug网站是基于AngularJS实现，这个错误与页面之间的跳转有关。由邮件可知，从landing状态跳转到teamSign状态时发生了错误。点击查看详情, 就能看到该错误的详细信息:

在错误面板中，小明可以查看错误栈，请求，设备和用户信息。这些信息可以帮助小明快速定位错误。

经过简单分析，小明断(xia)定(cai)网站的landing页面木有问题，这个错误应该是网络问题导致加载不完全而无法识别teamSign这个状态。如果网络好一点，加载成功了，就没问题了。然后他就将这个错误丢到一边去了。。。(Boss决定让小明跪键盘)

但是，问题不是这么简单，这个错误之后一共出现了85次，累计影响了24个用户。

小明意识到问题的严重性之后，查找了teamSign跳转相关的代码。他发现，在登录验证的中间件里面，如果用户登录token因为超时失效，那么就会跳转到teamSign页面要求用户重新登录。然而，跳转到teamSign为什么会失败呢？为什么呢？为什么呢？原来是小明把"teamSignin"写成了"teamSign"。(Boss决定让小明滚出去)

结论

一个小小的拼写失误，却会对用户造成不小的困扰。而事实上，测试无法保证产品100%没有问题。使用Fundebug进行实时错误监控，则可以第一时间发现并解决问题。

版权声明:
转载时请注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2016/12/07/fundebug-catch-the-bug/

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88060.html

Script error.全面解析

摘要：同源策略解释之前，我们先简单聊聊同源策略。当这些从第三方加载的脚本执行出错，因为违背了同源策略为了保证用户信息不被泄露，错误信息不会显示出来，取而代之只会返回一个。一些用户向我们反馈，Fundebug的JavaScript监控插件抓到了很多Script error.，然后行号和列号都是0...这就很尴尬了。 showImg(https://segmentfault.com/img/b...

Lavender 2019-08-20 15:37 评论0 收藏0
5种处理Vue异常的方法

摘要：最近突然意识到，我竟然从来没有认真去处理异常。第三种执行一个会抛出异常的方法这个错误在控制台也和常规报错。这种是比较常见的错误。它是一个全局的异常处理函数，可以抓取所有的异常。原文: Handling Errors in Vue.js 译者: Fundebug 本文采用意译，版权归原作者所有去年一整年，我都在使用最爱的—Vue.js— 来做项目。最近突然意识到，我竟然从来没...

Drinkey 2019-08-23 18:09 评论0 收藏0
处理JavaScript异常的正确姿势

摘要：我们使用单元测试来验证一下我们使用了配合做单元测试。我们编写相应的单元测试你会发现，如果出现异常，只是简单的返回。但是在上面异常抛出的时候，解释器已经不在中了，因此无法被捕获。译者按：错误是无法避免的，妥善处理它才是最重要的！原文: A Guide to Proper Error Handling in JavaScript Related Topics: 译者: Funde...

lushan 2019-08-21 17:55 评论0 收藏0
Fundebug前端JavaScript插件更新至1.8.2，修复2个小BUG

摘要：前端异常监控插件更新至，修复了个小修复用户行为中重复记录请求的修复的为报错的这个都不会影响功能，不过为了避免造成困扰，请大家及时更新插件。摘要：修复2个BUG，请大家及时更新。 showImg(https://segmentfault.com/img/remote/1460000019373421?w=900&h=383); Fundebug前端异常监控服务 Fundebug是专业...

lifesimple 2019-08-23 18:12 评论0 收藏0
Fundebug后端Java异常监控插件更新至0.2.0，支持Spring及Maven

摘要：摘要支持监控应用，并且支持使用接入插件，请大家及时更新。支持使用接入插件的异常监控插件与都发布到了中央仓库，因此可以在直接配置依赖。自从年双十一正式上线，累计处理了亿错误事件，付费客户有金山软件百姓网等众多品牌企业。摘要： 0.2.0支持监控Spring应用，并且支持使用Maven接入插件，请大家及时更新。 showImg(https://segmentfault.com/img/r...

JessYanCoding 2019-08-16 14:13 评论0 收藏0