拦截Web浏览器控制台消息

Question

我正在开发一个网络应用程序，该应用程序将向少数用户进行测试。显然会有bug，所以我想捕获它们以便更容易开发修复程序。有没有办法拦截我的Web应用程序中的任何控制台消息（浏览器/ js错误和用console.log生成的消息），所以我可以将它们发送到服务器上的日志服务并让它们可用于调试？ / p>

Answer 1

是

拦截console.log()来电：

console['log'] = function(msg){
    // do wahtever you need with msg here
}

拦截错误（所谓的尿布反模式）：

try {
    // your app's code
} catch(err) {
    // do what you to do in case of error need here
}

以下是证据：jsfiddle。

但是，我建议您创建自己的函数，该函数将处理console.log()目的，并且可以在生产时关闭。此外，当浏览器不支持console.log()调用时，它将正常工作（这意味着：不会抛出错误）。这可能是这样的：

window['log'] = function(msg){
    if (typeof console != 'undefined' && typeof console.log != 'undefined'){
        console.log(msg);
    }
}

Answer 2

有点晚了......这可能是一个有趣的阅读，只需要实现发送到服务器的方法，但这是微不足道的。 Taking Over console.log