拦截Web浏览器控制台消息

Question

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

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