代码之家 › 专栏 › 技术社区 › Divide by Zero

如何在浏览器中运行自己的控制台?

console browser google-chrome javascript

-1

Divide by Zero · 技术社区 · 7 年前

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

1 回复 | 直到 7 年前

1

Keith 7 年前

几乎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;
}