Fundebug可以捕获这些BUG

**摘要：**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错误：

<img src="test.jpg">

开发者能够在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/2017/06/29/fundebug-javascript-0.1.0/