xmlhttp send 参数错误_搭建前端监控系统（二）JS错误监控篇

怎样定位前端线上问题，一直以来，都是很头疼的问题，因为它发生于用户的一系列操作之后。错误的原因可能源于机型，网络环境，接口请求，复杂的操作行为等等，在我们想要去解决的时候很难复现出来，自然也就无法解决。 当然，这些问题并非不能克服，让我们来一起看看如何去监控并定位线上的问题吧。

事到如今，你还是一个手无寸铁的前端小白吗？你想拥有一套属于自己的监控系统吗？跟着我一步步做，你也能搭建出一个属于自己的前端监控系统。

这是我的开源项目，可以先看一下首页的结果(也可直接访问网站 www.webfunny.cn 看效果)：

首页概览图

一、JS Error 监控功能 (数据概览)

　　如果每天都去盯着前端的报错数据，真的很耗费精力，而且很难看出是今天发生的，还是一直存在的报错。其实前端项目每天都会有些报错，比如：script error 。我们既不能控制，也不会影响我们的业务，只能让它一直存在。所以我们的前端应用，每天都会有一定数量的报错数据。只要日活量不会波动太大，那么报错数据就会比较平稳，所以我选择跟7天前的报错数据进行比较，如果出现大幅上升，那么就需要我对这个项目进行关注了，而不是每天查看具体的报错数据。

前端项目报错统计图

对于前端应用来说，Js错误的发生直接影响前端应用的质量。对前端异常的监控是整个前端监控系统中的一个重要环节。前端异常包含很多种情况：