JS-代码异常监控

发表于

一、window.onerror

1
window.onerror = function(message, source, lineno, colno, error) { ... }

函数参数：

  • message：错误信息（字符串）。可用于HTML onerror=””处理程序中的event。
  • source：发生错误的脚本URL（字符串）
  • lineno：发生错误的行号（数字）
  • colno：发生错误的列号（数字）
  • error：Error对象（对象）

若该函数返回true，则阻止执行默认事件处理函数。


二、window.addEventListener(‘error’)

1
window.addEventListener('error', function(event) { ... })

**ErrorEvent 类型的event包含有关事件和错误的所有信息。

1
2
3
4
5
6
7
8
9
10
11
window.onerror = function(msg, url, lineNo, columnNo, error) {
    var message = [
        'Message: ' + msg,
        'URL: ' + url,
        'Line: ' + lineNo,
        'Column: ' + columnNo,
        'Error object: ' + JSON.stringify(error)
    ].join(' - ');

    console.log(message);
};

前端代码异常监控曲线示例图