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

时间:2018-08-01 12:39:57

标签: javascript google-chrome browser console

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

1 个答案:

答案 0 :(得分:1)

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

因此,您只需创建自己的例如。

<input type="button" value="+" onclick="addRow()">

<div id="content">
</div>
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");