前端错误监控

Question

大家有做前端的错误监控？
js报错啊，
接口报错啊，
资源报错之类

有什么开源的库推荐？

fundebug那些收费的就不用介绍了。

或者大家介绍些工具类的库，想自己搭建一个，然后自己可以定义各种通知方式。

Answer 1

1. 错误分类

• 及时运行错误：代码错误
  try...catch window.onerror
• 资源加载错误（不会冒泡）
  object.onerror

performance.getEntries() (获得页面所有加载的资源，根据已经加载的资源间接判断加载失败的资源)
Error事件捕获

1. 上报错误

• 利用ajax通信进行上报
• 利用image对象上报（大多数都用这个,简单，不用借助其他的库，一行代码解决所有）

eg:(new Image()).src = 'http://baidu.com/tesjk?r=tksjk';

1. js中共有几种错误类型: 6种:

SyntaxError 语法错误 ReferenceError 引用错误TypeError 类型错误RangeError 范围错误 参数超范围

摘自我的个人博客 http://www.liuweibo.cn/p/86

Answer 2

目前在用的是 https://sentry.io/，但这个其实也是收费的，但有个免费的限额可以用。
如果是中小型项目不建议自搭建错误收集服务，因为维护整个服务也会花费精力，不如直接用个已有的服务，花的那点儿钱比养个程序员要便宜很多。

Answer 3

以前用过raven，免费的额度其实小型项目够用了，其实整体的感觉是，小型项目真的不用整什么错误监控，收益太低，费时费力，不如多放一些精力再提升代码质量上吧。