js错误收集

2017-06-28  本文已影响0人  流动码文

<script type="text/javascript">
window.onerror = function(msg, url, line, col, error, errorObject) {
console.log('msg', msg);
console.log('url', url);
console.log('line', line);
console.log('col', col);
console.log('error', error);
console.log('errorObject', errorObject);
//没有URL不上报!上报也不知道错误
if (msg != "Script error." && !url) {
return true;
}
//采用异步的方式
//我遇到过在window.onunload进行ajax的堵塞上报
//由于客户端强制关闭webview导致这次堵塞上报有Network Error
//我猜测这里window.onerror的执行流在关闭前是必然执行的
//而离开文章之后的上报对于业务来说是可丢失的
//所以我把这里的执行流放到异步事件去执行
//脚本的异常数降低了10倍
setTimeout(function() {
var data = {};
//不一定所有浏览器都支持col参数
col = col || (window.event && window.event.errorCharacter) || 0;

  data.url = url;
  data.line = line;
  data.col = col;
  if (!!error && !!error.stack) {
    //如果浏览器有堆栈信息
    //直接使用
    data.msg = error.stack.toString();
  } else if (!!arguments.callee) {
    //尝试通过callee拿堆栈信息
    var ext = [];
    var f = arguments.callee.caller,
      c = 3;
    //这里只拿三层堆栈信息
    while (f && (--c > 0)) {
      ext.push(f.toString());
      if (f === f.caller) {
        break; //如果有环
      }
      f = f.caller;
    }
    ext = ext.join(",");
    data.msg = ext;
  }
  //把data上报到后台!
  console.log('errorData', data);
}, 0);

return false;

};
</script>

目前打包成一行的js文件错误位置不好定位,如果使用try_catch 回调函数中错误捕捉不到,可以window.onerror配合着try_catch 使用,抓取错误信息。

上一篇下一篇

猜你喜欢

热点阅读