资讯专栏INFORMATION COLUMN

Fundebug能够捕获这些BUG

biaoxiaoduan / 2734人阅读

摘要:之前版本的插件只能监控执行错误,这次,我们正式发布,它新增了对资源加载错误与请求错误的支持,努力让前端开发者不放过每一个。可以捕获所有请求错误,同时记录用户行为,并实时提醒开发者,且不需要修改后端,也不需要搭建复杂的日志系统。

摘要:Fundebug的JavaScript监控插件更新至0.1.0,可以监控3种不同类型的前端BUG:JavaScript执行错误资源加载错误HTTP请求错误

从简单的onerror开始,Fundebug的JavaScript错误监控插件经过了多次迭代,功能也更加丰富与成熟。之前版本的插件只能监控JavaScript执行错误,这次,我们正式发布0.1.0,它新增了对资源加载错误HTTP请求错误的支持,努力让前端开发者不放过每一个BUG

JavaScript执行错误

由于拼写失误,测试不完善,或者是意外的边界条件,JavaScript代码在用户浏览器中执行时,有可能会出错。

下面的示例中,alert被写成了aler,因此会报ReferenceError:

aler("hello");

Fundebug插件捕获的这个错误之后,开发者将受到报警邮件,然后可以在我们的控制台查看错误详情:

资源加载错误

对于一个复杂的大型网站,所依赖的静态文件(js, css, jpg...)成千上万,因此出现加载错误,比如404,也是很常见的一种错误。

下面的示例中,所引入的test.jpg并不存在,因此会报404错误:

开发者可以在Fundebug控制台错误详情:

HTTP请求错误

前端通过大量的API与后端进行交互,这些API也有可能出错。

通常,后端会通过日志记录所有HTTP请求,但是查询起来非常不便,也不及时。Fundebug可以捕获所有HTTP请求错误,同时记录用户行为,并实时提醒开发者,且不需要修改后端,也不需要搭建复杂的日志系统。

下面的示例中,登陆账户时密码错误,因此会报403错误。

var xhr = new XMLHttpRequest();
xhr.open("POST", "https://fundebug.com/login");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(
{
    email: "help@fundebug.com",
    password: "akhakfnak"
}));

开发者可以在Fundebug控制台错误详情:

欢迎加入我们Fundebug的全栈BUG监控交流群: 622902485

版权声明:
转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/201...

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

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

相关文章

  • 捕获未处理的Promise错误

    摘要:的错误监控插件监听了事件,因此可以自动捕获未处理错误。自从年双十一正式上线,累计处理了亿错误事件,付费客户有金山软件百姓网等众多品牌企业。 译者按: 通过监听unhandledrejection事件,可以捕获未处理的Promise错误。 原文: Tracking unhandled rejected Promises 译者: Fundebug 为了保证可读性,本文采用意译而非直...

    HackerShell 评论0 收藏0
  • Vue.js@2.6.10更新内置错误处机制,Fundebug同步支持相应错误监控

    摘要:摘要的错误监控插件同步支持异步错误监控。此次更新,我们对的监控插件做了相应的更新,来更好地支持使用框架开发的应用错误的监控。程序运行后,成功捕获该错误总结更新到,对错误处理提供了更加强大的支持。 摘要: Fundebug 的 JavaScript 错误监控插件同步支持 Vue.js 异步错误监控。 Vue.js 从诞生至今已经 5 年,尤大在今年 2 月份发布了重大更新,即Vue 2....

    DC_er 评论0 收藏0
  • Fundebug前端异常监控插件更新至 1.9.0,支持监控 HTTP 慢请求

    摘要:摘要新增配置选项,支持监控慢请求,同时修复了记录的响应时间偏小的。的前端异常监控插件更新至,新增配置选项,支持监控慢请求,同时修复了记录的响应时间偏小的,请大家及时更新监控慢请求专注于程序异常监控,暂时无意于提供全面的性能监控服务。 摘要: 1.9.0新增 httpTimeout 配置选项,支持监控 HTTP 慢请求,同时修复了记录的 HTTP 响应时间偏小的 BUG。 showImg...

    lyning 评论0 收藏0
  • Fundebug前端JavaScript插件更新至1.6.0,新增test()方法用于测试

    摘要:摘要新增方法用于测试,请大家及时更新。默认情况下,插件能够自动捕获未处理的错误。自从年双十一正式上线,累计处理了亿错误事件,付费客户有金山软件百姓网等众多品牌企业。 摘要: 1.6.0新增fundebug.test()方法用于测试,请大家及时更新。 showImg(https://segmentfault.com/img/remote/1460000018302494?w=800&h=...

    Tikitoo 评论0 收藏0
  • Fundebug前端JavaScript插件更新至1.6.0,新增test()方法用于测试

    摘要:摘要新增方法用于测试,请大家及时更新。默认情况下,插件能够自动捕获未处理的错误。自从年双十一正式上线,累计处理了亿错误事件,付费客户有金山软件百姓网等众多品牌企业。 摘要: 1.6.0新增fundebug.test()方法用于测试,请大家及时更新。 showImg(https://segmentfault.com/img/remote/1460000018302494?w=800&h=...

    gitmilk 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<