美文网首页
js错误收集

js错误收集

作者: 流动码文 | 来源:发表于2017-06-28 17:47 被阅读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 使用,抓取错误信息。

    相关文章

      网友评论

          本文标题:js错误收集

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