美文网首页
window.onerror收集js代码异常

window.onerror收集js代码异常

作者: milletmi | 来源:发表于2018-07-02 15:10 被阅读0次
window.onerror = function (message, url, lineNo, columnNo, error)
参数信息

1、message {String} 错误信息。直观的错误描述信息,不过有时候你确实无法从这里面看出端倪,特别是压缩后脚本的报错信息,可能让你更加疑惑。

2、url {String} 发生错误对应的脚本路径,比如是你的http://a.js报错了还是http://b.js报错了。

3、lineNo {Number} 错误发生的行号。

4、columnNo {Number} 错误发生的列号。

5、error {Object} 具体的 error 对象,包含更加详细的错误调用堆栈信息,这对于定位错误非常有帮助。

注意

1、对于跨域的JS资源,window.onerror拿不到详细的信息,需要往资源的请求添加额外的头部。
静态资源请求需要加多一个Access-Control-Allow-Origin头部,也就是需要后台加一个Access-Control-Allow-Origin,同时script引入外链的标签需要加多一个crossorigin的属性。这样就可以获取准确的出错信息。
2、压缩之后的代码,我们得到错误的信息,但是我们却无法定位到错误的行数
关于压缩的代码可以参照阮一峰JavaScript Source Map 详解
目前暂时Source map只支持chrome浏览器

相关文章

网友评论

      本文标题:window.onerror收集js代码异常

      本文链接:https://www.haomeiwen.com/subject/gmkluftx.html