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

Question

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

标签： javascriptgoogle-chromebrowserconsole

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