Javascript 如何在div上显示所有控制台消息？

我有以下代码：

 if (typeof console  != "undefined")
          if (typeof console.log != 'undefined')
            console.olog = console.log;
          else
            console.olog = function() {};

        console.log = function(message) {
          console.olog(message);
          $('#debugDiv').append('<p>' + message + '</p>');
        };
        console.error = console.debug = console.info =  console.log

---

没有显示在我创建的div中，如何使所有这些都显示在那里？

这里有两个问题

1）转储传递给console.log的所有参数

您可以在中获取函数的所有参数。所以这里有一个可能的解决方案

改变

console.log = function(message) {
      console.olog(message);
      $('#debugDiv').append('<p>' + message + '</p>');
};

---

但是请注意，有些错误不会触发

onerror

，并且在JS中无法捕获。

Hmm，我可能弄错了，但我很确定OP想要捕捉的错误是特定于浏览器的错误，而不是暴露在JavaScript代码中的错误。window.onerror=console.log在哪里添加该错误？@tototothegreat刚刚用函数替换了console.log而不是console.error=console.debug=console.info=console.log？

console.log = function(message) {
      console.olog(message);
      $('#debugDiv').append('<p>' + message + '</p>');
};

console.log = function() {
      console.olog.apply(console, arguments);
      $('#debugDiv').append('<p>' + [].map.call(arguments, JSON.stringify) + '</p>');
};

window.onerror = console.log;