摘要：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

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了7亿+错误事件，得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！

版权声明

转载时请注明作者Fundebug以及本文地址：

https://blog.fundebug.com/2017/06/29/fundebug-javascript-0.1.0/

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享题目：Fundebug能够捕获这些BUG-创新互联
文章起源：http://kswjz.com/article/ceieie.html