JavaScript 有没有办法监听控制台事件？

Question

我正在尝试用 JavaScript 编写未捕获异常和浏览器警告的处理程序。所有错误和警告均应发送到服务器以供稍后查看。

可以捕获并轻松记录已处理的异常

console.error("Error: ...");

，

console.warn("Warning: ...");

因此如果从 javascript 代码调用它们，它们就不是问题，更重要的是，可以使用这种和平的代码捕获未处理的异常：

window.onerror = function(){
    // add to errors Stack trace etc.
   });
}

因此异常已被很好地覆盖，但我坚持使用警告浏览器发送到控制台。例如安全或 html 验证警告。下面的示例取自 Google Chrome 控制台

https://domainname.com/ 的页面运行了来自以下位置的不安全内容 http://domainname.com/javascripts/codex/MANIFEST.js。

如果有像 window.onerror 这样的事件但用于警告，那就太好了。有什么想法吗？

Answer 1

您可以自己包装 console 方法。例如，将每个调用记录在数组中：

var logOfConsole = [];

var _log = console.log,
    _warn = console.warn,
    _error = console.error;

console.log = function() {
    logOfConsole.push({method: 'log', arguments: arguments});
    return _log.apply(console, arguments);
};

console.warn = function() {
    logOfConsole.push({method: 'warn', arguments: arguments});
    return _warn.apply(console, arguments);
};

console.error = function() {
    logOfConsole.push({method: 'error', arguments: arguments});
    return _error.apply(console, arguments);
};

Answer 2

更简洁的方式：

// this method will proxy your custom method with the original one
function proxy(context, method, message) { 
  return function() {
    method.apply(context, [message].concat(Array.prototype.slice.apply(arguments)))
  }
}

// let's do the actual proxying over originals
console.log = proxy(console, console.log, 'Log:')
console.error = proxy(console, console.error, 'Error:')
console.warn = proxy(console, console.warn, 'Warning:')

// let's test
console.log('im from console.log', 1, 2, 3);
console.error('im from console.error', 1, 2, 3);
console.warn('im from console.warn', 1, 2, 3);

Answer 3

我知道这是一篇旧帖子，但无论如何它都是有用的，因为其他解决方案与旧版浏览器不兼容。

您可以重新定义控制台（以及所有浏览器）的每个功能的行为，如下所示：

// define a new console
var console = (function(oldCons){
    return {
        log: function(text){
            oldCons.log(text);
            // Your code
        },
        info: function (text) {
            oldCons.info(text);
            // Your code
        },
        warn: function (text) {
            oldCons.warn(text);
            // Your code
        },
        error: function (text) {
            oldCons.error(text);
            // Your code
        }
    };
}(window.console));

//Then redefine the old console
window.console = console;

Answer 4

我需要在移动设备上调试控制台输出，因此我构建了这个嵌入式库来捕获控制台输出和类别并将其转储到页面。查看源码，很简单。

https://github.com/samsonradu/Consolify

Answer 5

在您用于执行 console.log() 的同一函数中，只需将相同的消息发布到您正在记录日志的 Web 服务即可。

Answer 6

你正在倒退。不是在记录错误时进行拦截，而是触发一个事件作为错误处理机制的一部分，并将其记录为事件侦听器之一：

try
{
  //might throw an exception
  foo();
}
catch (e)
{
  $(document).trigger('customerror', e);
}

function customErrorHandler(event, ex)
{
  console.error(ex)
}
function customErrorHandler2(event, ex)
{
  $.post(url, ex);
}

_{此代码使用 jQuery，并且严格用作示例而过于简单。}