javascript – 拦截Web浏览器控制台消息

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

解决方法

是.

拦截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);
    }
}