如何在浏览器中运行我自己的控制台？答案

【问题标题】：How can i run my own console in Browser?如何在浏览器中运行我自己的控制台？
【发布时间】：2018-08-01 12:39:57
【问题描述】：

我基本上想拦截所有控制台流量并将其显示在我自己的浏览器窗口中的组件中。我想做 codepen 和 jsbin 所做的事情——他们的页面中直接嵌入了一个控制台窗口。我在 interwebz 上找不到任何有价值的东西。请帮帮我。

【问题讨论】：

这真的很简单。提示：console 是浏览器上下文中window 的全局属性，您可以覆盖其函数。
你可以在这个帖子stackoverflow.com/questions/19636423/…找到解决方案

标签： javascript google-chrome browser console

【解决方案1】：

JS引擎的几乎所有功能都可以替换，包括控制台。

所以你只需创建你自己的，例如..

var oLog = window.console.log;

console.log = (s) => {
  var d = document.createElement("div");
  d.classList.add("logger");
  d.innerText = s;
  document.body.appendChild(d);
  oLog(s); //if you still want to call old
}

console.log("hello");
console.log("there");

.logger {
  background-color: pink;
}

【讨论】：