前端日志监控

现行有一些已经开源的前端异常监控库,如腾讯的badJs,全栈js监控fundebug,国外的sentry等。

错误分类

  1. javascript异常

    • 语法错误
    • 运行时错误
    • script文件内错误(跨域和未跨域)
  2. JS文件、CSS文件、img图片等(资源)的404错误(其实是有onerror事件的dom)

  3. promise的异常捕获

  4. ajax请求错误

错误上报

1、采用Ajax通信的方式上报(不常用)
2、利用Image对象上报(常用)

错误捕获类型

  1. 主动捕获(try catch / promise catch)
  2. 全局捕获(onerror / addEventListener)

错误捕获原理

error事件的事件处理程序。针对各种目标的不同类型的错误触发了 Error 事件:

当JavaScript运行时错误(包括语法错误)发生时,window会触发一个ErrorEvent接口的error事件,并执行window.onerror()。
当一项资源(如

你可能感兴趣的:(前端日志监控)