拦截 Web 浏览器控制台消息

Question

我正在开发一个 Web 应用程序，将要推出到几个用户进行测试。显然会有一些问题，因此我希望能够捕获它们，以便更容易地开发修复程序。是否有办法在我的 Web 应用程序中截取任何控制台消息（包括浏览器/js错误和使用 console.log 生成的消息），以便我可以将它们发送到服务器上的日志记录服务，并使它们可用于调试？

- sslepian

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

- Tadeck

---

有没有关于如何让这个在IE7上也能工作的提示？我刚刚添加了你在答案中提供的最后一段代码片段，但是在IE7中控制台仍然未定义。 - Alan David Garcia

Answer 2

有点晚了...这可能是一篇有趣的阅读材料，只需要实现将方法发送到服务器即可，但这很琐碎。接管console.log

- Alfonso Rubalcava