首页 > 代码库 > Fundebug能够捕获这些BUG
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=http://www.mamicode.com/"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/
Fundebug能够捕获这些BUG
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。