javascript - 创建 javascript 控制台的另一个实例

Question

是否可以创建另一个 JavaScript 控制台实例并自行使用它，例如将提交到 console.log() 的内容放在 div 中在您的页面上)？

Answer 1

您可以覆盖它，但这不是一个好的做法。像这样:

console.log = function() {
    for(var i = 0; i < arguments.length; i++)
      document.getElementById("logs").textContent += JSON.stringify(arguments[i], null, 4) + '\n\n';
}


var object = {a: 45, b: "hh"};

console.log(object);

console.log("Hello world!");

console.log(45 + 5);

<pre id="logs"></pre>

注释 1: console.log 是一个很好的调试工具，不应该被覆盖。我不建议您重写它，但我建议您创建一个函数(例如名为 myConsoleLog)来满足您的需要。

注释 2: 我提供的示例只是一个基本示例，旨在让您深入了解，您还需要很多其他内容(对象和数组的折叠、函数的日志记录，例如...)。