Question

我一直在研究如何捕获JavaScript错误，然后将它们发送到我们自己的系统进行内部日志记录（因此我们可以尝试在可能的情况下进行复制，并修复任何错误可能的错误）。到目前为止，我已经找到了不少付费服务：

TrackJS 确实看起来很有趣，但我们真的无法承担每个月花更多钱的费用。然后我遇到了这个图片：

http://www.stacktracejs.com/#!/docs/stacktrace-js

我似乎无法接受它。这是我正在尝试的：

window.onerror = function(msg, file, line, col, error) {
    StackTrace.fromError(error).then(callback).catch(errback);
};

var callback = function(stackframes) {
    var stringifiedStack = stackframes.map(function(sf) {
        return sf.toString();
    }).join('\n');
    console.log(stringifiedStack);
};

var errback = function(err) {
        console.log(err);
};

StackTrace.get().then(callback).catch(errback);

......我得到的全部是：

TypeError：ErrorStackParser未定义

var stackframes = ErrorStackParser.parse（error）;

其他人可以提出解决方案，或者看看 stacktrace.js 脚本我做错了什么？

更新：在下面的帮助中，我至少可以让它现在做点什么。事实证明你需要多个js libs：

但是，我似乎仍然无法继续下去。

var callback = function(stackframes) {
    console.log(stackframes)
    var stringifiedStack = stamap(function(sf) {
        return sf.toString();
    }).join('\n');
    console.log(stringifiedStack);
};

var errback = function(err) { console.log(err.message); };

 try {
    foo;
 } catch(e) {
    StackTrace.get().then(callback).catch(errback);
 }

虽然我现在在控制台中记录了错误，但行号和错误消息都没有用处:(示例：

.get()@https://cdn.steampunkjunkies.net/2014/js/scripts-all11.js:5:19706
{anonymous}()@https://cdn.steampunkjunkies.net/2014/js/scripts-all11.js:84:2

第84行是来电者功能：

StackTrace.get().then(callback).catch(errback);

...和第5行是stacktrace.min.js的缩小包含（在我的主JS文件中）

我对如何从中获取任何有用的信息感到困惑：/

更新2 ：好的，我越来越近了！

var callback = function(stackframes) {
    var stringifiedStack = stackframes.map(function(sf) {
        return sf.toString();
    }).join('\n');
    alert(stringifiedStack);
};

var errback = function(err) { console.log(err.message); };

 try {
    var foo = 0;
    foo / 1;

    aklert;

    test;
 } catch(e) {
    StackTrace.fromError(e).then(callback).catch(errback);
 }

现在打印出 alert（）消息：

{匿名}（）@ https://cdn.steampunkjunkies.net/2014/js/scripts-all11.js:73:1

但是，这不是我需要的所有信息。显然它需要一个好消息（即var x cannot be undefined）

有人有任何想法吗？

我确实尝试将它们存储在一个数组中（带有行号和列号），但这并不适用于所有浏览器（具有讽刺意味的是，调试代码导致致命错误:)）

更新3

好的，我们越来越近了:)

var callback = function(stackframes) {
    var stringifiedStack = stackframes.map(function(sf) {
        return sf.toString();
    }).join('\n');
    alert(stringifiedStack);
};

var errback = function(err) { console.log(err.message); };

window.onerror = function(msg, file, line, col, error) {
    var callback = reportWithMessage(msg);
    StackTrace.fromError(error).then(callback).catch(errback);
};


function reportWithMessage(message) {
    return function report(stack) {
        var yourErrorCollectorUrl = 'https://steampunkjunkiesdev.net/cgi-bin/debug.cgi';
        stack.message = message;
        StackTrace.report(stack, yourErrorCollectorUrl);
    };
}

 try {
    var foo = 0;
    foo / 1;

    aklert;

    test;
 } catch(e) {
    StackTrace.get().then(reportWithMessage()).catch(errback);
 }

第92行就是这个}：

StackTrace.get().then(reportWithMessage()).catch(errback);

...所以它所做的就是告诉我这个函数被调用了，但它没有实际错误的行号。

有什么想法吗？我无法相信捕获JS错误并将它们报告回脚本是多么复杂。您可能会想到，在过去20多年的互联网开发过程中，我们会为开发人员开发更符合标准的内容：/

Answer 1

我很抱歉你的麻烦开始了。请使用捆绑了所有依赖项的dist/stacktrace.min.js。我提交了这个问题，所以我们可以让这个更清楚，其他人可以避免你遇到的痛苦：https://github.com/stacktracejs/stacktrace.js/issues/140

关于错误消息，您似乎可以在错误报告系统中使用msg window.onerror参数执行某些操作。我知道这不是直截了当的，因为没有明显的地方存储消息。

这个怎么样？

window.onerror = function(msg, file, line, col, error) {
    var callback = reportWithMessage(msg);
    StackTrace.fromError(error).then(callback).catch(errback);
};


function reportWithMessage(message) {
    return function report(stack) {
        var yourErrorCollectorUrl = 'https://yourdomain.com/ec';
        stack.message = message;
        // HTTP POST with {message: String, stack: JSON}
        StackTrace.report(stack, yourErrorCollectorUrl);
    };
}

在window.onerror以外，您可以这样做：

StackTrace.get().then(reportWithMessage()).catch(errorhandler);

更新：如果您遇到错误，则要使用

StackTrace.fromError(error).then(...).catch(...);

捕获JS错误的最简单方法

1 个答案: